| 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 |