src/third_party/WebKit/LayoutTests/compositing/overflow/reflected-overlay-scrollbars-should-appear-without-compositing.html

   1 <!DOCTYPE HTML>
   2 <style>
   3 #container {
   4     -webkit-box-reflect: below;
   5 }
   6
   7 #clipper {
   8   overflow: hidden;
   9   width: 110px;
  10   height: 100px;
  11   margin: 10px;
  12 }
  13
  14 #scroller {
  15     width: 100px;
  16     height: 100px;
  17     border: 1px solid black;
  18     overflow: auto;
  19 }
  20
  21
  22 #fixed {
  23     width: 10px;
  24     height: 10px;
  25     position: fixed;
  26     left: 200px;
  27     background: blue;
  28 }
  29
  30 #scrolled {
  31     width: 100px;
  32     height: 300px;
  33     background: green;
  34 }
  35 </style>
  36 <script>
  37 if (window.internals) {
  38     window.internals.settings.setOverlayScrollbarsEnabled(true);
  39     window.internals.settings.setPreferCompositingToLCDTextEnabled(false);
  40 }
  41
  42 if (window.testRunner)
  43     window.testRunner.dumpAsTextWithPixelResults();
  44
  45 onload = function() {
  46     if (window.internals && window.testRunner)
  47         window.testRunner.setCustomTextOutput(window.internals.layerTreeAsText(document));
  48 };
  49 </script>
  50 <div id="container">
  51   <div id="clipper">
  52     <div id="scroller">
  53       <div id="fixed"></div>
  54       <div id="scrolled"></div>
  55     </div>
  56   </div>
  57 </div>