third_party/WebKit/LayoutTests/compositing/overflow/clipping-ancestor-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       overflow: scroll;
   8       -webkit-overflow-scrolling: touch;
   9       width: 300px;
  10       height: 300px;
  11     }
  12     .container {
  13       overflow: hidden;
  14     }
  15     .indicator {
  16       position: relative;
  17       top: 100px;
  18       background-color: red;
  19     }
  20     .box {
  21       width: 100px;
  22       height: 100px;
  23     }
  24   </style>
  25   <script>
  26     if (window.internals)
  27       window.internals.settings.setPreferCompositingToLCDTextEnabled(true);
  28   </script>
  29 </head>
  30
  31 <body>
  32   <!-- Expect no red (a blank page) -->
  33   <div class="scrollable">
  34     <div class="container box">
  35       <div class="indicator box"></div>
  36     </div>
  37   </div>
  38 </body>
  39
  40 </html>