<!doctype HTML>
<div>
<div class="spacer" style="width: 1px; height: 2400px;"></div>
<div id="target" style="width: 100px; height: 100px; background: blue"></div>
<div class="spacer" style="width: 1px; height: 2400px;"></div>
</div>
</div>
<script src="../resources/text-based-repaint.js"></script>
Tests that invalidation of a div after scrolling invalidates just the div and no other area.
<script>
function repaintTest() {
window.scrollBy(0, 2350);
target.style.background = "papayawhip";
finishRepaintTest();
}
window.testIsAsync = true;
onload = runRepaintTest;
</script>