42 lines
1.2 KiB
HTML
42 lines
1.2 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>absolute positioned element with large negative top value inside tall relative positioned box does not render scrollbars</title>
|
|
<style>
|
|
body, p{
|
|
margin:0;
|
|
}
|
|
div{
|
|
position: relative;
|
|
height:3000px;
|
|
}
|
|
span{
|
|
position: absolute;
|
|
top:-33551000px;
|
|
}
|
|
</style>
|
|
<script>
|
|
if (window.testRunner) {
|
|
testRunner.dumpAsText();
|
|
}
|
|
|
|
function test() {
|
|
var height = document.scrollingElement.scrollHeight;
|
|
if (height == 3000)
|
|
document.getElementById("result").innerHTML = "PASS";
|
|
else
|
|
document.getElementById("result").innerHTML = "<p style='color:red'>FAIL document.scrollingElement.scrollHeight = " + height +"</p>";
|
|
}
|
|
</script>
|
|
</head>
|
|
|
|
<body onload="test()">
|
|
<div>
|
|
<p> This page should be scrollable </p>
|
|
<p id="result"> </p>
|
|
<span style="visibility:hidden">filler <!--abs pos with very large negative top value--></span>
|
|
</div>
|
|
|
|
</body>
|
|
</html>
|