2 <html xmlns=
"http://www.w3.org/1999/xhtml">
4 <title>overflow on body should propagate to the viewport even when it has bogus siblings
</title>
6 html { overflow:visible; }
7 body { display:block; overflow:scroll; width:
10em; height:
10em; border:thin solid; color:navy; }
8 .filler { color:gray; }
11 window
.onload = function() {
12 var newElm
= document
.createElementNS("urn:foo:bogus", "body");
13 document
.documentElement
.insertBefore(newElm
, document
.getElementsByTagName("body")[0]);
14 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.)";
19 <p>FAIL (script didn't run)
</p>
20 <p class=
"filler">This is filler text.
</p>
21 <p class=
"filler">This is filler text.
</p>
22 <p class=
"filler">This is filler text.
</p>
23 <p class=
"filler">This is filler text.
</p>