| OLD | NEW |
| (Empty) | |
| 1 <!DOCTYPE html> |
| 2 <style> |
| 3 #subframe { |
| 4 width: 400px; |
| 5 height: 500px; |
| 6 background-color: blue; |
| 7 position: relative; |
| 8 } |
| 9 |
| 10 #scroller { |
| 11 height: 200px; |
| 12 width: 300px; |
| 13 position: absolute; |
| 14 overflow: scroll; |
| 15 } |
| 16 |
| 17 #clip { |
| 18 position: absolute; |
| 19 clip: rect(0px, 100px, 100px, 0px); |
| 20 } |
| 21 </style> |
| 22 <script> |
| 23 onload = function() { |
| 24 // Render one frame with clipping, then remove the clip. |
| 25 window.requestAnimationFrame(function() { |
| 26 window.requestAnimationFrame(function() { |
| 27 document.getElementById("clip").style.clip = "auto"; |
| 28 if (window.testRunner) |
| 29 testRunner.notifyDone(); |
| 30 }); |
| 31 }); |
| 32 } |
| 33 |
| 34 if (window.testRunner && window.internals) { |
| 35 testRunner.waitUntilDone(); |
| 36 internals.settings.setPreferCompositingToLCDTextEnabled(true); |
| 37 } |
| 38 |
| 39 </script> |
| 40 |
| 41 <div id="scroller"> |
| 42 <div id="clip"> |
| 43 <iframe id="subframe"></iframe> |
| 44 </div> |
| 45 </div> |
| OLD | NEW |