third_party/WebKit/LayoutTests/compositing/overflow/fixed-scroll-in-empty-root-layer.html

   1 <!DOCTYPE html>
   2 <script src="../../fast/repaint/resources/text-based-repaint.js"></script>
   3 <script>
   4 function repaintTest() {
   5   window.scrollBy(0, 200);
   6 }
   7 onload = runRepaintTest;
   8 </script>
   9 <body style="height: 2000px">
  10   Tests invalidation of fixed element when scrolled in a page with empty root layer. Passes if there is no red.
  11   <div style="
  12     position: fixed;
  13     top: 50px;
  14     left: 0;
  15     width: 100px;
  16     height: 100px;
  17     background: green">
  18   </div>
  19   <!-- This div makes all of the contents of the page be in sublayers of the root layer, so root layer is empty. -->
  20   <div style="
  21     position: absolute;
  22     z-index: -1;
  23     backface-visibility: hidden;
  24     top: 250px;
  25     left: 0;
  26     background-color: red;
  27     width: 100px;
  28     height: 100px">
  29   </div>
  30 </body>