OLD | NEW |
1 <!-- Based on fast/repaint/fixed-child-move-after-scroll.html --> | 1 <!-- Based on fast/repaint/fixed-child-move-after-scroll.html --> |
2 <html> | 2 <html> |
3 <head> | 3 <head> |
4 <meta http-equiv="content-type" content="text/html; charset=UTF-8"> | 4 <meta http-equiv="content-type" content="text/html; charset=UTF-8"> |
5 <script src="resources/paint-invalidation-test.js"></script> | 5 <script src="resources/paint-invalidation-test.js"></script> |
6 <script type="text/javascript"> | 6 <script type="text/javascript"> |
7 function scrollAndRepaint() | 7 function scrollAndRepaint() |
8 { | 8 { |
9 scrollBy(0, 200); | 9 scrollBy(0, 200); |
10 runPaintInvalidationTest(); | 10 runPaintInvalidationTest(); |
11 } | 11 } |
12 | 12 |
13 window.expectedPaintInvalidationObjects = [ | |
14 "LayoutBlockFlow (positioned) DIV id='toMove'", | |
15 ]; | |
16 function paintInvalidationTest() | 13 function paintInvalidationTest() |
17 { | 14 { |
18 document.getElementById('toMove').style.left = "150px"; | 15 document.getElementById('toMove').style.left = "150px"; |
19 document.getElementById('toMove').style.backgroundColor = "green"; | 16 document.getElementById('toMove').style.backgroundColor = "green"; |
20 } | 17 } |
21 </script> | 18 </script> |
22 </head> | 19 </head> |
23 <body onload="scrollAndRepaint()" style="height: 3000px;"> | 20 <body onload="scrollAndRepaint()" style="height: 3000px;"> |
24 <div style="position: fixed: top: 0; left: 0;"> | 21 <div style="position: fixed: top: 0; left: 0;"> |
25 <p style="position: absolute; top: 210px">You should see a yellow rect on
the left, and a green one on the right. No red pixels.</p> | 22 <p style="position: absolute; top: 210px">You should see a yellow rect on
the left, and a green one on the right. No red pixels.</p> |
26 <div id="toMove" style="width: 100px; height: 100px; background-color: red
; position: fixed; top: 70px; left: 10px;"></div> | 23 <div id="toMove" style="width: 100px; height: 100px; background-color: red
; position: fixed; top: 70px; left: 10px;"></div> |
27 <div style="width: 100px; height: 100px; background-color: yellow; positio
n: absolute; top: 270px; left: 10px; z-index: -5;"></div> | 24 <div style="width: 100px; height: 100px; background-color: yellow; positio
n: absolute; top: 270px; left: 10px; z-index: -5;"></div> |
28 </div> | 25 </div> |
29 </body> | 26 </body> |
30 </html> | 27 </html> |
OLD | NEW |