OLD | NEW |
(Empty) | |
| 1 <!-- Based on compositing/squashing/iframe-inside-squashed-layer.html --> |
| 2 <!DOCTYPE html> |
| 3 <script src="resources/paint-invalidation-test.js"></script> |
| 4 <script> |
| 5 window.expectedPaintInvalidationObjects = [ |
| 6 "RootInlineBox", |
| 7 "InlineTextBox 'test1'", |
| 8 "VerticalScrollbar", |
| 9 "LayoutIFrame IFRAME id='subframe'", |
| 10 "LayoutIFrame IFRAME id='subframe'", |
| 11 "RootInlineBox", |
| 12 "InlineTextBox 'test1'", |
| 13 "VerticalScrollbar", |
| 14 "LayoutIFrame IFRAME id='subframe'", |
| 15 "VerticalScrollbar", |
| 16 "LayoutIFrame IFRAME id='subframe'", |
| 17 "VerticalScrollbar", |
| 18 "LayoutIFrame IFRAME id='subframe'", |
| 19 "VerticalScrollbar", |
| 20 "LayoutIFrame IFRAME id='subframe'", |
| 21 "LayoutView #document", |
| 22 "LayoutView #document", |
| 23 "LayoutBlockFlow HTML", |
| 24 "LayoutBlockFlow BODY", |
| 25 ]; |
| 26 function paintInvalidationTest() { |
| 27 window.frames['subframe'].contentDocument.body.style.height = '200px'; |
| 28 } |
| 29 </script> |
| 30 <body onload="runPaintInvalidationTest()"> |
| 31 <div id="foo" style="width: 200px; height: 1000px; transform: translateZ(0); bac
kground-color: lightgray;"></div> |
| 32 |
| 33 <!-- The squashing layer will contain the following two divs. Note that the seco
nd is 100px lower than the top. --> |
| 34 <div style="position: absolute; z-index: 0; top: 0px; width: 100px; height: 500p
x"></div> |
| 35 <div style="position: absolute; z-index: 0; top: 500px; width: 100px; height: 10
0px"> |
| 36 <iframe frameborder=0 id="subframe" srcdoc="test1"> |
| 37 </iframe> |
| 38 </div> |
| 39 </body> |
OLD | NEW |