third_party/WebKit/LayoutTests/compositing/overflow/reparented-scrollbars-non-sc-anc.html

   1 <!DOCTYPE html>
   2 <!--
   3     This test ensures that reparented overlay scrollbars are positioned
   4     correctly when the compositing container and the ancestor compositing
   5     stacking context differ.
   6 -->
   7 <style>
   8 #container {
   9   margin-right: auto;
  10   margin-left: auto;
  11   width: 1200px;
  12 }
  13
  14 .hidden {
  15   overflow: hidden;
  16 }
  17
  18 #positioned {
  19   position: relative;
  20   overflow: hidden;
  21   width: 1200px;
  22   height: 800px;
  23 }
  24
  25 #scroller {
  26   overflow: scroll;
  27   width: 1200px;
  28   height: 1000px;
  29 }
  30
  31 #background {
  32   background: green;
  33   height: 10000px;
  34 }
  35
  36 #foreground {
  37   position: relative;
  38 }
  39 </style>
  40 <script>
  41 if (window.testRunner)
  42   testRunner.dumpAsText();
  43
  44 if (window.internals) {
  45   window.internals.settings.setOverlayScrollbarsEnabled(true);
  46   window.internals.settings.setPreferCompositingToLCDTextEnabled(true);
  47 }
  48
  49 onload = function() {
  50   if (window.internals) {
  51     document.getElementById('console').innerHTML = window.internals.layerTreeAsText(document);
  52   }
  53 }
  54 </script>
  55 <div id="container">
  56   <div class="hidden">
  57     <div id="positioned">
  58       <div class="hidden">
  59         <div id="scroller">
  60           <div id="background"></div>
  61           <div id="foreground"></div>
  62         </div>
  63       </div>
  64     </div>
  65   </div>
  66 </div>
  67 <pre id="console"></pre>