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

   1 <!DOCTYPE HTML>
   2 <!--
   3     This test ensures that reparented overlay scrollbars still respect
   4     clips applied by a tree-order ancestor, even if that ancestor is
   5     not an ancestor in the compositing layer tree.
   6 -->
   7 <style>
   8 #clipper {
   9     overflow: hidden;
  10     width: 400px;
  11     height: 100px;
  12     margin: 10px;
  13 }
  14
  15 #scroller {
  16     overflow: scroll;
  17     width: 300px;
  18     height: 300px;
  19     position: relative;
  20     top: 10px;
  21 }
  22
  23 #fixed {
  24     position: fixed;
  25     background: blue;
  26     left: 90px;
  27     width: 10px;
  28     height: 10px;
  29 }
  30
  31 #scrolled {
  32     position: relative;
  33     background: green;
  34     width: 80px;
  35     height: 500px;
  36 }
  37 </style>
  38 <script>
  39 if (window.internals) {
  40     window.internals.settings.setOverlayScrollbarsEnabled(true);
  41     window.internals.settings.setPreferCompositingToLCDTextEnabled(true);
  42 }
  43 </script>
  44 <div id='clipper'>
  45     <div id='scroller'>
  46         <div id='fixed'></div>
  47         <div id='scrolled'></div>
  48     </div>
  49 </div>