| 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 |