OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <style> | 2 <style> |
3 #stacking { | 3 #stacking { |
4 position: absolute; | 4 position: absolute; |
5 width: 200px; | 5 width: 200px; |
6 height: 200px; | 6 height: 200px; |
7 background-color: lightgreen; | 7 background-color: lightgreen; |
8 } | 8 } |
9 | 9 |
10 #clipper { | 10 #clipper { |
(...skipping 36 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
47 <div id="composited"> | 47 <div id="composited"> |
48 <div id="tall"></div> | 48 <div id="tall"></div> |
49 </div> | 49 </div> |
50 <div id="squashed"></div> | 50 <div id="squashed"></div> |
51 </div> | 51 </div> |
52 <div> | 52 <div> |
53 This test passes if it doesn't crash. | 53 This test passes if it doesn't crash. |
54 <script> | 54 <script> |
55 if (window.testRunner) { | 55 if (window.testRunner) { |
56 testRunner.dumpAsText(); | 56 testRunner.dumpAsText(); |
57 internals.settings.setAcceleratedCompositingForOverflowScrollEnabled(true); | 57 internals.settings.setPreferCompositingToLCDTextEnabled(true); |
58 internals.settings.setLayerSquashingEnabled(true); | 58 internals.settings.setLayerSquashingEnabled(true); |
59 } else { | 59 } else { |
60 alert('This test require window.testRunner.') | 60 alert('This test require window.testRunner.') |
61 } | 61 } |
62 | 62 |
63 window.internals.forceCompositingUpdate(document); | 63 window.internals.forceCompositingUpdate(document); |
64 document.querySelector('#clipper').className = 'clipping'; | 64 document.querySelector('#clipper').className = 'clipping'; |
65 window.internals.forceCompositingUpdate(document); | 65 window.internals.forceCompositingUpdate(document); |
66 document.querySelector('#composited').remove(); | 66 document.querySelector('#composited').remove(); |
67 window.internals.forceCompositingUpdate(document); | 67 window.internals.forceCompositingUpdate(document); |
68 </script> | 68 </script> |
OLD | NEW |