OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <script src="../../fast/repaint/resources/text-based-repaint.js"></script> | 2 <body> |
3 <script> | |
4 function repaintTest() { | |
5 window.frames['subframe'].contentDocument.body.style.height = '200px'; | |
6 } | |
7 </script> | |
8 <body onload="runRepaintTest()"> | |
9 <div id="foo" style="width: 200px; height: 1000px; transform: translateZ(0); bac
kground-color: lightgray;"></div> | 3 <div id="foo" style="width: 200px; height: 1000px; transform: translateZ(0); bac
kground-color: lightgray;"></div> |
10 | 4 |
11 <!-- The squashing layer will contain the following two divs. Note that the seco
nd is 100px lower than the top. --> | 5 <!-- The squashing layer will contain the following two divs. Note that the seco
nd is 100px lower than the top. --> |
12 <div style="position: absolute; z-index: 0; top: 0px; width: 100px; height: 500p
x"></div> | 6 <div style="position: absolute; z-index: 0; top: 0px; width: 100px; height: 500p
x"></div> |
13 <div style="position: absolute; z-index: 0; top: 500px; width: 100px; height: 10
0px"> | 7 <div style="position: absolute; z-index: 0; top: 500px; width: 100px; height: 10
0px"> |
14 <iframe frameborder=0 id="subframe" srcdoc="test1"> | 8 <iframe frameborder=0 id="subframe" srcdoc="<body style='height: 200px'>test1<
/body>"> |
15 </iframe> | 9 </iframe> |
16 </div> | 10 </div> |
17 </body> | 11 </body> |
OLD | NEW |