src/third_party/WebKit/LayoutTests/compositing/overflow/overflow-overlay-with-touch-no-overflow.html

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