OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <html xmlns="http://www.w3.org/1999/xhtml"> | 2 <html xmlns="http://www.w3.org/1999/xhtml"> |
3 <head> | 3 <head> |
4 <title>overflow on body should propagate to the viewport even when it has bogu
s siblings</title> | 4 <title>overflow on body should propagate to the viewport even when it has bogu
s siblings</title> |
5 <style> | 5 <style> |
6 html { overflow:visible; } | 6 html { overflow:visible; } |
7 body { display:block; overflow:scroll; width:10em; height:10em; border:thin s
olid; color:navy; } | 7 body { display:block; overflow:scroll; width:10em; height:10em; border:thin s
olid; color:navy; } |
8 .filler { color:gray; } | 8 .filler { color:gray; } |
9 </style> | 9 </style> |
10 <script> | 10 <script> |
11 window.onload = function() { | 11 window.onload = function() { |
12 var newElm = document.createElementNS("urn:foo:bogus", "body"); | 12 var newElm = document.createElementNS("urn:foo:bogus", "body"); |
13 document.documentElement.insertBefore(newElm, document.getElementsByTagName
("body")[0]); | 13 document.documentElement.insertBefore(newElm, document.getElementsByTagName
("body")[0]); |
14 document.getElementsByTagName("p")[0].firstChild.data = "There should be sc
rollbars for the viewport -- not for this box. (Additionally, there should be a
box above that does have scrollbars.)"; | 14 document.getElementsByTagName("p")[0].firstChild.data = "There should be sc
rollbars for the viewport -- not for this box. (Additionally, there should be a
box above that does have scrollbars.)"; |
15 } | 15 } |
| 16 if (window.internals) { |
| 17 window.internals.settings.setForceCompositingMode(true); |
| 18 } |
16 </script> | 19 </script> |
17 </head> | 20 </head> |
18 <body> | 21 <body> |
19 <p>FAIL (script didn't run)</p> | 22 <p>FAIL (script didn't run)</p> |
20 <p class="filler">This is filler text.</p> | 23 <p class="filler">This is filler text.</p> |
21 <p class="filler">This is filler text.</p> | 24 <p class="filler">This is filler text.</p> |
22 <p class="filler">This is filler text.</p> | 25 <p class="filler">This is filler text.</p> |
23 <p class="filler">This is filler text.</p> | 26 <p class="filler">This is filler text.</p> |
24 </body> | 27 </body> |
25 </html> | 28 </html> |
OLD | NEW |