src/third_party/WebKit/LayoutTests/compositing/overflow/overflow-auto-with-touch-toggle.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4   <style>
   5     .scroller {
   6       width: 300px;
   7       height: 300px;
   8       overflow: auto;
   9       -webkit-overflow-scrolling: touch;
  10     }
  11
  12     #column {
  13       /* Initially the content doesn't overflow so it won't be composited. */
  14       width: 100px;
  15       height: 100px;
  16       background: silver;
  17     }
  18   </style>
  19   <script>
  20     if (window.testRunner)
  21       testRunner.dumpAsText();
  22     if (window.internals)
  23       window.internals.settings.setForceCompositingMode(true);
  24
  25     window.addEventListener('load', function() {
  26       // Introducing overflow should enable composited scrolling.
  27       var column = document.getElementById('column');
  28       column.style.width = '1000px';
  29       column.style.height = '1000px';
  30       if (window.testRunner)
  31         document.getElementById('layers').innerHTML = window.internals.layerTreeAsText(document);
  32     }, true);
  33   </script>
  34 </head>
  35
  36 <body>
  37   <div class="scroller">
  38     <div id="column">
  39     </div>
  40   </div>
  41   <pre id="layers">Layer tree goes here in DRT</pre>
  42 </body>
  43 </html>