third_party/WebKit/LayoutTests/compositing/low-dpi-non-stacking-context-scrolled-content.html

   1 <script src="../resources/run-after-layout-and-paint.js"></script>
   2 <style>
   3 #parent {
   4     height: 300px;
   5     -webkit-backface-visibility: hidden;
   6     overflow: auto;
   7     background-color: #aaa;
   8     padding: 10px;
   9 }
  10
  11 .child {
  12     height: 300px;
  13     margin: 5px  0;
  14     background-color: red;
  15     position: relative;
  16 }
  17 </style>
  18 <div id="parent">
  19     <div class="child"></div>
  20     <div class="child"></div>
  21     <div id="target"class="child"></div>
  22 </div>
  23 <script>
  24 if (window.testRunner)
  25         testRunner.waitUntilDone();
  26
  27 // The target element should be displayed as red, not gray.
  28 runAfterLayoutAndPaint(function() {
  29     target.scrollIntoView(true);
  30     runAfterLayoutAndPaint(function() {
  31         testRunner.notifyDone();
  32     });
  33 });
  34 </script>