third_party/WebKit/LayoutTests/compositing/overflow/reflected-overlay-scrollbars-should-respect-ancestor-clip-expected.html

   1 <!DOCTYPE HTML>
   2 <style>
   3 #container {
   4     -webkit-box-reflect: below;
   5 }
   6
   7 #clipper {
   8     overflow: hidden;
   9     width: 95px;
  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     transform: translateZ(0);
  29 }
  30
  31 #scrolled {
  32     width: 100px;
  33     height: 300px;
  34     background: green;
  35 }
  36 </style>
  37 <script>
  38 if (window.internals) {
  39     window.internals.settings.setOverlayScrollbarsEnabled(true);
  40     window.internals.settings.setPreferCompositingToLCDTextEnabled(false);
  41 }
  42
  43 if (window.testRunner)
  44     window.testRunner.dumpAsTextWithPixelResults();
  45
  46 onload = function() {
  47     if (window.internals && window.testRunner)
  48         window.testRunner.setCustomTextOutput(window.internals.layerTreeAsText(document));
  49 };
  50 </script>
  51 <div id="container">
  52     <div id="clipper">
  53         <div id="scroller">
  54             <div id="fixed"></div>
  55             <div id="scrolled"></div>
  56         </div>
  57     </div>
  58 </div>