third_party/WebKit/LayoutTests/fast/scrolling/non-composited-scrolling-repaint-to-ancestor-backing.html

   1 <!DOCTYPE html>
   2 <style>
   3 #container {
   4     overflow: scroll;
   5     width: 400px;
   6     height: 300px;
   7 }
   8
   9 #clipping {
  10     overflow: hidden;
  11     height: 1000px;
  12
  13     position: relative;
  14     z-index: 0;
  15 }
  16
  17 #clipped {
  18     height: 10px;
  19     border: solid 1px black;
  20     transform: translateZ(0);
  21 }
  22 </style>
  23 <div id="container">
  24     <div id="clipping">
  25         <div>Lorem ipsum</div>
  26         <div id="clipped"></div>
  27     </div>
  28 </div>
  29 <script>
  30     if (window.testRunner) {
  31         testRunner.waitUntilDone();
  32         testRunner.layoutAndPaintAsyncThen(function() {
  33             document.getElementById('container').scrollTop = 1000;
  34             testRunner.notifyDone();
  35         });
  36     } else {
  37         // For manual test.
  38         setTimeout(function() {
  39             document.getElementById('container').scrollTop = 1000;
  40         }, 500);
  41     }
  42 </script>