src/third_party/WebKit/LayoutTests/compositing/squashing/abspos-under-abspos-overflow-scroll.html

   1 <style type="text/css">
   2   .first {
   3     height:400px;
   4     background-color: red;
   5     transform: translateZ(0);
   6   }
   7
   8   .second {
   9     left: 100px;
  10     bottom: 0px;
  11     background-color:blue;
  12     width:7px;
  13     height:562px;
  14     position: absolute; transform: translateX(0)
  15   }
  16
  17   .outer {
  18     overflow: scroll;
  19     /* FIXME: make this height: 500px to expose another bug */
  20     height: 600px;
  21     width: 500px;
  22     position: absolute;
  23     bottom:10px;
  24     background-color: grey;
  25   }
  26 </style>
  27 <div class="outer">
  28   <div class="first"> </div>
  29   <div class="second"> </div>
  30 </div>
  31 <script>
  32     if (window.internals)
  33         window.internals.settings.setLayerSquashingEnabled(true);
  34 </script>