| OLD | NEW |
| (Empty) |
| 1 <!-- Based on fast/repaint/stacking-context-lost.html --> | |
| 2 <!DOCTYPE html> | |
| 3 <script src="resources/paint-invalidation-test.js"></script> | |
| 4 <script> | |
| 5 function paintInvalidationTest() | |
| 6 { | |
| 7 outer.style.zIndex = 'auto'; | |
| 8 inner.style.display = 'none'; | |
| 9 } | |
| 10 | |
| 11 runPaintInvalidationTest(); | |
| 12 </script> | |
| 13 <div style="position: absolute; top: 10px; left: 10px; height: 100px;"> | |
| 14 There should be one green box below. A red box may be seen briefly, but the
page should settle | |
| 15 on showing only the one green box. Intent is to ensure that we accurately re
paint the red box | |
| 16 region when (1) the green box containing the red box ceases to be a stacking
context, and (2) | |
| 17 the red box is hidden. | |
| 18 </div> | |
| 19 <div id="outer" style="background-color: green; height: 100px; width: 100px; bac
kface-visibility: hidden; position: relative; z-index: 1; top: 270px; left: 270p
x;"> | |
| 20 <div id="inner" style="background-color: red; height: 100px; width: 100px; p
osition: relative;"> | |
| 21 </div> | |
| 22 </div> | |
| OLD | NEW |