blob: 18e99562ea00d62af71c99e1579d739945afe36d [file] [log] [blame]
<!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.
<!-- Using 99% opacity on fixed pos element to ensure it is not automatically promoted. -->
<div style="
position: fixed;
opacity: 0.99;
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>