src/third_party/WebKit/LayoutTests/fast/body-propagation/overflow/005.html

   1 <!DOCTYPE html>
   2 <html xmlns="http://www.w3.org/1999/xhtml">
   3  <head>
   4   <title>overflow on body should propagate to the viewport even when it has bogus siblings</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 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.)";
  15    }
  16    if (window.internals) {
  17      window.internals.settings.setForceCompositingMode(true);
  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>