<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>overflow on body should propagate to the viewport even when it has bogus siblings</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 newElm = document.createElementNS("urn:foo:bogus", "body");
document.documentElement.insertBefore(newElm, document.getElementsByTagName("body")[0]);
document.getElementsByTagName("p")[0].firstChild.data = "There should be scrollbars for the viewport -- not for this box. (Additionally, there should be a box above that does have scrollbars.)";
}
</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>
Codebase Browser
chromium