src/third_party/WebKit/LayoutTests/compositing/overflow/overflow-clip-with-accelerated-scrolling-ancestor.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4   <meta name=viewport content="width=device-width">
   5   <style>
   6     .scrollable {
   7       height: 200px;
   8       width: 100px;
   9       overflow: scroll;
  10       -webkit-overflow-scrolling: touch;
  11     }
  12     .container {
  13       height: 100px;
  14       overflow: hidden;
  15       position: relative;
  16       background-color: green;
  17     }
  18     .indicator {
  19       margin-top: 100px;
  20       height: 100px;
  21       background-color: red;
  22     }
  23   </style>
  24   <script>
  25     if (window.internals)
  26       window.internals.settings.setPreferCompositingToLCDTextEnabled(true);
  27   </script>
  28 </head>
  29
  30 <body>
  31   <!-- Should see a green square (no red). -->
  32   <div class="scrollable">
  33     <div class="container">
  34       <div class="indicator"></div>
  35     </div>
  36   </div>
  37 </body>
  38
  39 </html>