third_party/WebKit/LayoutTests/paint/invalidation/non-stacking-scroller-with-abspos-descendant-indirect.html

   1 <!doctype HTML>
   2 <script src="../../resources/run-after-layout-and-paint.js"></script>
   3 <div id="target" style="overflow:scroll; width: 300px; height: 300px;">
   4     <div style="height: 1000px; width: 100px;"></div>
   5     <div style="backface-visibility: hidden;">
   6         <div style="position: absolute; top: 200px; width: 100px; height: 100px; background: red"></div>
   7     </div>
   8 </div>
   9 <script>
  10 // Test that a non-stacking-context scroller does not scroll an absolutely positioned child.
  11 function test() {
  12     runAfterLayoutAndPaint(function() {
  13         target.scrollTop += 100;
  14     }, true);
  15 }
  16 window.onload = test;
  17 </script>