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

   1 <!DOCTYPE HTML>
   2 <!--
   3     This test ensures that reflected overlay scrollbars still render correctly
   4     when reflected.
   5 -->
   6 <style>
   7 #container {
   8     -webkit-box-reflect: below;
   9 }
  10
  11 #clipper {
  12     overflow: hidden;
  13     width: 95px;
  14     height: 100px;
  15     margin: 10px;
  16 }
  17
  18 #scroller {
  19     width: 100px;
  20     height: 100px;
  21     border: 1px solid black;
  22     overflow: auto;
  23 }
  24
  25
  26 #fixed {
  27     width: 10px;
  28     height: 10px;
  29     position: fixed;
  30     left: 200px;
  31     background: blue;
  32     /* Without this, when _not_ composited, the reflected scrollbar disappears. See crbug.com/396775 */
  33     -webkit-transform: translateZ(0);
  34 }
  35
  36 #scrolled {
  37     width: 100px;
  38     height: 300px;
  39     background: green;
  40 }
  41 </style>
  42 <script>
  43 if (window.internals) {
  44     window.internals.settings.setOverlayScrollbarsEnabled(true);
  45     window.internals.settings.setPreferCompositingToLCDTextEnabled(true);
  46 }
  47
  48 if (window.testRunner)
  49     window.testRunner.dumpAsTextWithPixelResults();
  50
  51 onload = function() {
  52     if (window.internals && window.testRunner)
  53         window.testRunner.setCustomTextOutput(window.internals.layerTreeAsText(document));
  54 };
  55 </script>
  56 <div id="container">
  57     <div id="clipper">
  58         <div id="scroller">
  59             <div id="fixed"></div>
  60             <div id="scrolled"></div>
  61         </div>
  62     </div>
  63 </div>