OLD | NEW |
1 <!-- Based on fast/repaint/absolute-position-moved.html --> | 1 <!-- Based on fast/repaint/absolute-position-moved.html --> |
2 <html> | 2 <html> |
3 <head> | 3 <head> |
4 <link rel="stylesheet" href="../../../fast/repaint/resources/default.css"> | 4 <link rel="stylesheet" href="../../../fast/repaint/resources/default.css"> |
5 <script src="resources/paint-invalidation-test.js" type="text/javascript"></
script> | 5 <script src="resources/paint-invalidation-test.js" type="text/javascript"></
script> |
6 <script type="text/javascript"> | 6 <script type="text/javascript"> |
7 window.expectedPaintInvalidationObjects = [ | |
8 "LayoutBlockFlow (positioned) DIV id='absoluteDiv' class='absolute g
reen'", | |
9 "LayoutBlockFlow (positioned) DIV id='absoluteDiv' class='absolute g
reen'", | |
10 ]; | |
11 function paintInvalidationTest() | 7 function paintInvalidationTest() |
12 { | 8 { |
13 var absoluteDiv = document.getElementById('absoluteDiv'); | 9 var absoluteDiv = document.getElementById('absoluteDiv'); |
14 absoluteDiv.parentNode.removeChild(absoluteDiv); | 10 absoluteDiv.parentNode.removeChild(absoluteDiv); |
15 document.body.appendChild(absoluteDiv); | 11 document.body.appendChild(absoluteDiv); |
16 } | 12 } |
17 </script> | 13 </script> |
18 </head> | 14 </head> |
19 <body style="height:2000px;" onload="runPaintInvalidationTest()"> | 15 <body style="height:2000px;" onload="runPaintInvalidationTest()"> |
20 <!-- You should see 1 green rectangle in the output and no red. --> | 16 <!-- You should see 1 green rectangle in the output and no red. --> |
21 <div style="top: 5000px;" class="fixed red"><div id="absoluteDiv" style="top
:100px; left:100px;" class="absolute green"></div></div> | 17 <div style="top: 5000px;" class="fixed red"><div id="absoluteDiv" style="top
:100px; left:100px;" class="absolute green"></div></div> |
22 </body> | 18 </body> |
23 </html> | 19 </html> |
OLD | NEW |