third_party/WebKit/LayoutTests/compositing/overflow/textarea-scroll-touch.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4   <style>
   5     html {
   6       -webkit-overflow-scrolling: touch;
   7     }
   8
   9     textarea {
  10       width: 200px;
  11       height: 120px;
  12       margin: 10px;
  13       border: 1px solid black;
  14       display: inline-block;
  15       font-size: 24pt;
  16       background-color: #CCCCCC;
  17     }
  18   </style>
  19   <script>
  20     if (window.testRunner)
  21       testRunner.dumpAsText();
  22
  23     if (window.internals)
  24       window.internals.settings.setPreferCompositingToLCDTextEnabled(true);
  25
  26     function testScrollability(element)
  27     {
  28       // This will cause scrollable element content layers to be offset by y=50 with respect to their scrolling container.
  29       element.scrollTop = 50;
  30     }
  31
  32     function doTest()
  33     {
  34       var divs = document.querySelectorAll('body > textarea');
  35       for (var i = 0; i < divs.length; ++i)
  36         testScrollability(divs[i]);
  37
  38       if (window.testRunner)
  39         document.getElementById('results').innerText = window.internals.layerTreeAsText(document);
  40     }
  41     window.addEventListener('load', doTest, false);
  42   </script>
  43 </head>
  44 <body>
  45
  46   <textarea>
  47     Lorem ipsum dolor sit amet, consectetur adipisicing elit.
  48   </textarea>
  49
  50   <textarea disabled>
  51     Lorem ipsum dolor sit amet, consectetur adipisicing elit.
  52   </textarea>
  53
  54   <pre id="results">This test requires DRT.</pre>
  55 </body>
  56 </html>