<!DOCTYPE html>
<style>
body {
background-image: linear-gradient(red, blue);
background-attachment: fixed;
margin: 0;
}
</style>
<script src="resources/text-based-repaint.js" type="text/javascript"></script>
<script>
if (window.testRunner)
window.internals.settings.setPreferCompositingToLCDTextEnabled(false);
function repaintTest() {
window.scrollTo(0, 1000);
}
window.onload = function() {
runRepaintTest();
};
</script>
<div style="height: 5000px">
Tests that scrolling a frame with background-attachment: fixed invalidates the entire viewport.
</div>