| OLD | NEW |
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <style> | 2 <style> |
| 3 #subframe { | 3 #subframe { |
| 4 width: 400px; | 4 width: 400px; |
| 5 height: 500px; | 5 height: 500px; |
| 6 background-color: blue; | 6 background-color: blue; |
| 7 position: relative; | 7 position: relative; |
| 8 } | 8 } |
| 9 | 9 |
| 10 #scroller { | 10 #scroller { |
| 11 height: 200px; | 11 height: 200px; |
| 12 width: 300px; | 12 width: 300px; |
| 13 position: absolute; | 13 position: absolute; |
| 14 overflow: scroll; | 14 overflow: scroll; |
| 15 } | 15 } |
| 16 | 16 |
| 17 #clip { | 17 #clip { |
| 18 position: absolute; | 18 position: absolute; |
| 19 clip: rect(0px, 100px, 100px, 0px); |
| 19 } | 20 } |
| 20 </style> | 21 </style> |
| 21 <script> | |
| 22 if (window.testRunner && window.internals) { | |
| 23 internals.settings.setPreferCompositingToLCDTextEnabled(true); | |
| 24 } | |
| 25 | |
| 26 </script> | |
| 27 | |
| 28 <div id="scroller"> | 22 <div id="scroller"> |
| 29 <div id="clip"> | 23 <div id="clip"> |
| 30 <iframe id="subframe"></iframe> | 24 <iframe id="subframe"></iframe> |
| 31 </div> | 25 </div> |
| 32 </div> | 26 </div> |
| 27 <script src="../../../resources/run-after-layout-and-paint.js"></script> |
| 28 <script> |
| 29 if (window.internals) |
| 30 internals.settings.setPreferCompositingToLCDTextEnabled(true); |
| 31 runAfterLayoutAndPaint(function() { |
| 32 clip.style.clip = "auto"; |
| 33 }, true); |
| 34 </script> |
| OLD | NEW |