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

   1 <!DOCTYPE HTML>
   2 <html>
   3 <head>
   4 <!-- Test that insertions work in the presence of display:none elements that
   5       separate whitespace from block boundaries -->
   6 <style>
   7 body > div { border:1px solid black; margin:1em;
   8              font-family:sans-serif; letter-spacing:2px; }
   9 em { display:none; }
  10 </style>
  11 <script>
  12 function makeSpan(text) {
  13   var e = document.createElement("span");
  14   e.textContent = text;
  15   return e;
  16 }
  17 function loaded() {
  18   document.body.offsetHeight;
  19   var d1 = document.getElementById("d1");
  20   d1.insertBefore(makeSpan("Hello"), d1.firstChild);
  21   var d2 = document.getElementById("d2");
  22   d2.appendChild(makeSpan("Kitty"));
  23   var d3 = document.getElementById("d3");
  24   d3.insertBefore(makeSpan("Hello"), d3.firstChild.nextSibling);
  25   var d4 = document.getElementById("d4");
  26   d4.insertBefore(makeSpan("Kitty"), d4.lastChild);
  27 }
  28 </script>
  29 </head>
  30 <body onload="loaded()">
  31   <div id="d1"><em>X</em> <span>Kitty</span></div>
  32   <div id="d2"><span>Hello</span> <em>X</em></div>
  33   <div id="d3"><div></div><em>X</em> <span>Kitty</span></div>
  34   <div id="d4"><span>Hello</span> <em>X</em><div></div></div>
  35 </body>
  36 </html>