OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <html> | 2 <html> |
3 <head> | 3 <head> |
4 <style> | 4 <style> |
5 .container { | 5 .container { |
6 width: 200px; | 6 width: 200px; |
7 height: 200px; | 7 height: 200px; |
8 position: absolute; | 8 position: absolute; |
9 overflow: scroll; | 9 overflow: scroll; |
10 -webkit-perspective: 100px; | 10 -webkit-perspective: 100px; |
(...skipping 17 matching lines...) Expand all Loading... |
28 left: 65px; | 28 left: 65px; |
29 background-color: blue; | 29 background-color: blue; |
30 -webkit-transform: translateZ(20px); | 30 -webkit-transform: translateZ(20px); |
31 } | 31 } |
32 </style> | 32 </style> |
33 <script> | 33 <script> |
34 if (window.testRunner) | 34 if (window.testRunner) |
35 testRunner.dumpAsText(); | 35 testRunner.dumpAsText(); |
36 | 36 |
37 if (window.internals) { | 37 if (window.internals) { |
38 window.internals.settings.setAcceleratedCompositingForOverflowScrollEnab
led(true); | 38 window.internals.settings.setPreferCompositingToLCDTextEnabled(true); |
39 } | 39 } |
40 | 40 |
41 function runTest() { | 41 function runTest() { |
42 var pre = document.createElement('pre'); | 42 var pre = document.createElement('pre'); |
43 if (!window.internals) { | 43 if (!window.internals) { |
44 var description = "This test ensures that the accelerated overflow " | 44 var description = "This test ensures that the accelerated overflow " |
45 + "scrolling machinery is not invoked for the body element."; | 45 + "scrolling machinery is not invoked for the body element."; |
46 pre.innerHTML = description; | 46 pre.innerHTML = description; |
47 } else { | 47 } else { |
48 document.body.offsetTop; | 48 document.body.offsetTop; |
49 pre.innerHTML = internals.layerTreeAsText(document); | 49 pre.innerHTML = internals.layerTreeAsText(document); |
50 } | 50 } |
51 document.body.appendChild(pre); | 51 document.body.appendChild(pre); |
52 } | 52 } |
53 window.onload = runTest; | 53 window.onload = runTest; |
54 </script> | 54 </script> |
55 </head> | 55 </head> |
56 <body> | 56 <body> |
57 <div class="container"> | 57 <div class="container"> |
58 <div class="child first"> </div> | 58 <div class="child first"> </div> |
59 <div class="child second"> </div> | 59 <div class="child second"> </div> |
60 </div> | 60 </div> |
61 </body> | 61 </body> |
62 </html> | 62 </html> |
OLD | NEW |