<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<title>QuickStart</title>
<style>
.lessonChapters {
position:absolute;
top:26px;
bottom:22px;
overflow:auto;
}
#hint {
height:9000px;
}
</style>
<script>
function runTest()
{
document.getElementById('lessons').scrollTop = 10000;
document.getElementById('toHide').style.display='none';
}
</script>
</head>
<body onload="runTest();">
<div class="lessonChapters" id="lessons">
<div class="lessonChapter" id="toHide">
<br />
Manual repro: scroll down and click on <b>Next step</b>
<div id="hint"> </div>
<a href="#" class="nextStepButton" onclick="document.getElementById('toHide').style.display='none'">Next step</a>
</div>
<p>Bug #74111: This test is to make sure that a scrolled element does not crash the browser when it goes hidden. The test passes if it does not crash.</p>
PASSED
</div>
</body>
</html>