third_party/WebKit/LayoutTests/fast/body-propagation/overflow/004.html

   1 <!DOCTYPE html>
   2 <html xmlns="http://www.w3.org/1999/xhtml">
   3  <head>
   4   <title>overflow on non-HTML body not should propagate to the viewport</title>
   5   <style>
   6    html { overflow:visible; }
   7    body { display:block; overflow:scroll; width:10em; height:10em; border:thin solid; color:navy; }
   8    .filler { color:gray; }
   9   </style>
  10   <script>
  11    window.onload = function() {
  12      var oldElm = document.getElementsByTagName("body")[0];
  13      var newElm = document.createElementNS("urn:foo:bogus", "body");
  14      while (oldElm.firstChild)
  15        newElm.appendChild(oldElm.firstChild);
  16      document.documentElement.replaceChild(newElm, oldElm);
  17      document.getElementsByTagName("p")[0].firstChild.data = "There should be scrollbars for this box -- not for the viewport.";
  18    }
  19   </script>
  20  </head>
  21  <body>
  22   <p>FAIL (script didn't run)</p>
  23   <p class="filler">This is filler text.</p>
  24   <p class="filler">This is filler text.</p>
  25   <p class="filler">This is filler text.</p>
  26   <p class="filler">This is filler text.</p>
  27  </body>
  28 </html>