OLD | NEW |
1 <script src="../../resources/run-after-layout-and-paint.js"></script> | 1 <script src="../../resources/run-after-layout-and-paint.js"></script> |
2 <script src="resources/composited-scroll.js"></script> | 2 <script src="resources/composited-scroll.js"></script> |
3 <script> | 3 <script> |
4 if (window.internals) | 4 if (window.internals) |
5 internals.runtimeFlags.compositeOpaqueScrollersEnabled = true; | 5 internals.runtimeFlags.compositeOpaqueScrollersEnabled = true; |
6 | 6 |
7 if (window.testRunner) { | 7 if (window.testRunner) { |
8 testRunner.dumpAsTextWithPixelResults(); | 8 testRunner.dumpAsTextWithPixelResults(); |
9 testRunner.waitUntilDone(); | 9 testRunner.waitUntilDone(); |
10 } | 10 } |
(...skipping 20 matching lines...) Expand all Loading... |
31 result += "Fail.\n"; | 31 result += "Fail.\n"; |
32 document.getElementById("test-2-output").innerHTML = result; | 32 document.getElementById("test-2-output").innerHTML = result; |
33 runAfterLayoutAndPaint(function() { testRunner.notifyDone(); }); | 33 runAfterLayoutAndPaint(function() { testRunner.notifyDone(); }); |
34 }); | 34 }); |
35 } | 35 } |
36 </script> | 36 </script> |
37 <style> | 37 <style> |
38 #scroller { | 38 #scroller { |
39 background: red local content-box; | 39 background: red local content-box; |
40 border: 10px solid rgba(0, 255, 0, 0.5); | 40 border: 10px solid rgba(0, 255, 0, 0.5); |
| 41 contain: paint; |
41 overflow: scroll; | 42 overflow: scroll; |
42 width: 200px; | 43 width: 200px; |
43 height: 200px; | 44 height: 200px; |
44 } | 45 } |
45 .spacer { | 46 .spacer { |
46 height: 300px; | 47 height: 300px; |
47 } | 48 } |
48 </style> | 49 </style> |
49 <div id="scroller"><div class="spacer"></div></div> | 50 <div id="scroller"><div class="spacer"></div></div> |
50 <p>Scroller background should be white</p> | 51 <p>Scroller background should be white</p> |
51 <p id="test-1-output"></p> | 52 <p id="test-1-output"></p> |
52 <p id="test-2-output"></p> | 53 <p id="test-2-output"></p> |
53 | 54 |
OLD | NEW |