blob: fb0129c69dd629e9c07d8798aaf4d1bfb66b5b76 [file] [log] [blame]
<!DOCTYPE html>
<html>
<body>
You should see the text 'after' in the inner box with no mangled pixels.
<div id="parent" style="position:absolute; width:300px; height:300px; overflow:hidden; border: solid 1px red">
<div style="position:absolute; width:100px; height:100px; left:100px; top:100px; border:solid 1px green; overflow:hidden">
<div id="target" style="width:50px; height:50px">before</div>
</div>
<div style="width:1000px; height:1000px;"></div>
</div>
</body>
<script>
parent = document.getElementById('parent');
parent.scrollTop = 10;
parent.scrollLeft = 10;
if (window.testRunner)
testRunner.waitUntilDone();
window.setTimeout(function() {
document.getElementById('target').innerText = 'after';
if (window.testRunner)
testRunner.notifyDone();
}, 50);
</script>
</html>