layout/reftests/bugs/495385-2i.html

   1 <!DOCTYPE HTML>
   2 <html>
   3 <head>
   4 <!-- Test that setting a block element to display:none can create frames
   5      for text around it -->
   6 <style>
   7 body > div { border:1px solid black; margin:1em;
   8              font-family:sans-serif; letter-spacing:2px; }
   9 </style>
  10 <script>
  11 function hide(id) {
  12   var e = document.getElementById(id);
  13   e.style.display = 'none';
  14 }
  15 function loaded() {
  16   document.body.offsetHeight;
  17   hide("d1");
  18   hide("d2");
  19   hide("d3");
  20   hide("d4");
  21 }
  22 </script>
  23 </head>
  24 <body onload="loaded()">
  25   <div><span>Hello</span><div id="d1">X</div> <span>Kitty</span></div>
  26   <div><span>Hello</span> <div id="d2">X</div><span>Kitty</span></div>
  27   <!-- we'll create frames here, but they won't make a difference to the rendering -->
  28   <div><div id="d3">X</div> <span>Hello</span> <span>Kitty</span></div>
  29   <div><span>Hello</span> <span>Kitty</span><div id="d4">X</div></div>
  30 </body>
  31 </html>