OLD | NEW |
1 <!-- Based on fast/repaint/fixed-child-of-fixed-move-after-scroll.html --> | 1 <!-- Based on fast/repaint/fixed-child-of-fixed-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 window.expectedPaintInvalidationObjects = [ | |
13 "LayoutBlockFlow (positioned) DIV id='toMove'", | |
14 ]; | |
15 function paintInvalidationTest() | 12 function paintInvalidationTest() |
16 { | 13 { |
17 document.getElementById('toMove').style.left = "150px"; | 14 document.getElementById('toMove').style.left = "150px"; |
18 document.getElementById('toMove').style.backgroundColor = "green"; | 15 document.getElementById('toMove').style.backgroundColor = "green"; |
19 } | 16 } |
20 </script> | 17 </script> |
21 </head> | 18 </head> |
22 <body onload="scrollAndRepaint()" style="height: 3000px;"> | 19 <body onload="scrollAndRepaint()" style="height: 3000px;"> |
23 <div style="position: fixed: top: 0; left: 0;"> | 20 <div style="position: fixed: top: 0; left: 0;"> |
24 <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> | 21 <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> |
25 <div id="toMove" style="width: 100px; height: 100px; background-color: red
; position: fixed; top: 70px; left: 10px;"></div> | 22 <div id="toMove" style="width: 100px; height: 100px; background-color: red
; position: fixed; top: 70px; left: 10px;"></div> |
26 <div style="width: 100px; height: 100px; background-color: yellow; positio
n: absolute; top: 270px; left: 10px; z-index: -5;"></div> | 23 <div style="width: 100px; height: 100px; background-color: yellow; positio
n: absolute; top: 270px; left: 10px; z-index: -5;"></div> |
27 </div> | 24 </div> |
28 </body> | 25 </body> |
29 </html> | 26 </html> |
OLD | NEW |