<!DOCTYPE html>
<script src="../../resources/run-after-layout-and-paint.js"></script>
<div id="container" style="overflow: auto; height: 200px; width: 200px; backface-visibility: hidden">
<div id="target" style="margin: 50px 0; overflow: auto; height: 250px; width: 100px">
<div onmouseover="mouseOver(event)" style="margin: 250px 0; width: 20px; height: 20px; background-color: blue;"></div>
</div>
</div>
<div id="result">Test needs DumpRenderTree</div>
<script>
function mouseOver(event) {
document.getElementById("result").innerText = "PASS";
testRunner.notifyDone();
}
if (window.testRunner) {
testRunner.dumpAsText();
testRunner.waitUntilDone();
onload = function() {
document.getElementById("container").scrollTop = 50;
runAfterLayoutAndPaint(function() {
eventSender.mouseMoveTo(10, 10);
document.getElementById("target").scrollTop = 250;
});
};
}
</script>