third_party/WebKit/LayoutTests/compositing/overflow/scroll-parent-absolute.html

   1 <!DOCTYPE html>
   2 <body>
   3 <div id="top" style="overflow: scroll; height: 500px; width: 500px; background-color: blue">
   4   <div id="middle" style="position: absolute; height: 400px; width: 400px; background-color: green">
   5     <div id="child" style="position: relative; height: 300px; width: 300px; background-color: yellow; -webkit-backface-visibility: hidden"></div>
   6   </div>
   7   <div id="tall" style="position: relative; height: 5000px; width: 20px; background-color: salmon"></div>
   8 </div>
   9 <div style="height: 5000px; width: 20px; background-color: papayawhip"></div>
  10 <script>
  11 if (window.testRunner) {
  12     internals.settings.setPreferCompositingToLCDTextEnabled(true);
  13
  14     testRunner.dumpAsText();
  15     testRunner.setCustomTextOutput(
  16         internals.layerTreeAsText(document, internals.LAYER_TREE_INCLUDES_CLIP_AND_SCROLL_PARENTS));
  17 }
  18 </script>