<!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>