495385-2b.html (1138B)
1 <!DOCTYPE HTML> 2 <html class="reftest-wait"> 3 <head> 4 <!-- Test that inserting inline content can create frames for text around it --> 5 <style> 6 body > div { border:1px solid black; margin:1em; 7 font-family:sans-serif; letter-spacing:2px; } 8 </style> 9 <script> 10 function makeSpan(text) { 11 var e = document.createElement("span"); 12 e.textContent = text; 13 return e; 14 } 15 function loaded() { 16 document.body.offsetHeight; 17 var d1 = document.getElementById("d1"); 18 d1.insertBefore(makeSpan("Hello"), d1.firstChild); 19 var d2 = document.getElementById("d2"); 20 d2.appendChild(makeSpan("Kitty")); 21 var d3 = document.getElementById("d3"); 22 d3.insertBefore(makeSpan("Hello"), d3.firstChild.nextSibling); 23 var d4 = document.getElementById("d4"); 24 d4.insertBefore(makeSpan("Kitty"), d4.lastChild); 25 document.documentElement.removeAttribute('class'); 26 } 27 document.addEventListener("MozReftestInvalidate", loaded); 28 </script> 29 </head> 30 <body> 31 <div id="d1"> <span>Kitty</span></div> 32 <div id="d2"><span>Hello</span> </div> 33 <div id="d3"><div></div> <span>Kitty</span></div> 34 <div id="d4"><span>Hello</span> <div></div></div> 35 </body> 36 </html>