28 lines
1.0 KiB
HTML
28 lines
1.0 KiB
HTML
<!DOCTYPE html>
|
|
<html xmlns="http://www.w3.org/1999/xhtml">
|
|
<head>
|
|
<title>overflow on non-HTML body not should propagate to the viewport</title>
|
|
<style>
|
|
html { overflow:visible; }
|
|
body { display:block; overflow:scroll; width:10em; height:10em; border:thin solid; color:navy; }
|
|
.filler { color:gray; }
|
|
</style>
|
|
<script>
|
|
window.onload = function() {
|
|
var oldElm = document.getElementsByTagName("body")[0];
|
|
var newElm = document.createElementNS("urn:foo:bogus", "body");
|
|
while (oldElm.firstChild)
|
|
newElm.appendChild(oldElm.firstChild);
|
|
document.documentElement.replaceChild(newElm, oldElm);
|
|
document.getElementsByTagName("p")[0].firstChild.data = "There should be scrollbars for this box -- not for the viewport.";
|
|
}
|
|
</script>
|
|
</head>
|
|
<body>
|
|
<p>FAIL (script didn't run)</p>
|
|
<p class="filler">This is filler text.</p>
|
|
<p class="filler">This is filler text.</p>
|
|
<p class="filler">This is filler text.</p>
|
|
<p class="filler">This is filler text.</p>
|
|
</body>
|
|
</html> |