OLD | NEW |
1 <!-- Based on fast/repaint/transform-disable-layoutstate.html --> | 1 <!-- Based on fast/repaint/transform-disable-layoutstate.html --> |
2 <!DOCTYPE html> | 2 <!DOCTYPE html> |
3 <html> | 3 <html> |
4 <head> | 4 <head> |
5 <script src="resources/paint-invalidation-test.js" type="text/javascript" char
set="utf-8"></script> | 5 <script src="resources/paint-invalidation-test.js" type="text/javascript" char
set="utf-8"></script> |
6 <script type="text/javascript" charset="utf-8"> | 6 <script type="text/javascript" charset="utf-8"> |
7 window.expectedPaintInvalidationObjects = [ | |
8 "LayoutBlockFlow DIV", | |
9 "LayoutBlockFlow DIV", | |
10 "LayoutBlockFlow DIV id='target'", | |
11 ]; | |
12 function paintInvalidationTest() | 7 function paintInvalidationTest() |
13 { | 8 { |
14 document.getElementById('target').style.height='10px'; | 9 document.getElementById('target').style.height='10px'; |
15 } | 10 } |
16 </script> | 11 </script> |
17 </head> | 12 </head> |
18 <body onload="runPaintInvalidationTest()"> | 13 <body onload="runPaintInvalidationTest()"> |
19 <div id="container" style="width: 500px; transform: translate(50px, 80px)"> | 14 <div id="container" style="width: 500px; transform: translate(50px, 80px)"> |
20 <div style="padding-bottom: 100px; background: silver;"> | 15 <div style="padding-bottom: 100px; background: silver;"> |
21 <div style="float: right; height: 50px; width: 50px; background: green
;"></div> | 16 <div style="float: right; height: 50px; width: 50px; background: green
;"></div> |
22 <div style="clear: right; border: 4px solid blue;"> | 17 <div style="clear: right; border: 4px solid blue;"> |
23 <div style="height: 55px;" id="target"> | 18 <div style="height: 55px;" id="target"> |
24 </div> | 19 </div> |
25 </div> | 20 </div> |
26 </div> | 21 </div> |
27 </div> | 22 </div> |
28 </body> | 23 </body> |
29 </html> | 24 </html> |
OLD | NEW |