<!DOCTYPE html>
<script src="../resources/text-based-repaint.js"></script>
<script>
function repaintTest() {
  window.scrollBy(0, 200);
}
onload = runRepaintAndPixelTest;
</script>
<body style="height: 2000px">
  Tests invalidation of fixed element when scrolled in a page with empty root layer. Passes if there is no red.
  <div style="
    position: fixed;
    top: 50px;
    left: 0;
    width: 100px;
    height: 100px;
    background: green">
  </div>
  <!-- This div makes all of the contents of the page be in sublayers of the root layer, so root layer is empty. -->
  <div style="
    position: absolute;
    z-index: -1;
    backface-visibility: hidden;
    top: 250px;
    left: 0;
    background-color: red;
    width: 100px;
    height: 100px">
  </div>
</body>