<!doctype HTML>
<style>
body {
background: linear-gradient(gray, white);
}
#spacer {
height:2000px;
width:100px;
background-color:lightblue;
}
#noncomposited {
height:6000px;
width:100px;
background: linear-gradient(blue, yellow);
}
</style>
<!-- The test passes if the gradient div is properly visible. -->
<div id="spacer"></div>
<div id="noncomposited"></div>
<script src="../resources/run-after-layout-and-paint.js"></script>
<script>
runAfterLayoutAndPaint(function() {
window.scrollBy(0, 8000);
}, true);
</script>