<!DOCTYPE HTML> <html class="reftest-wait"> <head> <!-- Test that inserting inline content can create frames for text around it --> <style> body > div { border:1px solid black; margin:1em; font-family:sans-serif; letter-spacing:2px; } </style> <script> function makeSpan(text) { var e = document.createElement("span"); e.textContent = text; return e; } function loaded() { document.body.offsetHeight; var d1 = document.getElementById("d1"); d1.insertBefore(makeSpan("Hello"), d1.firstChild); var d2 = document.getElementById("d2"); d2.appendChild(makeSpan("Kitty")); var d3 = document.getElementById("d3"); d3.insertBefore(makeSpan("Hello"), d3.firstChild.nextSibling); var d4 = document.getElementById("d4"); d4.insertBefore(makeSpan("Kitty"), d4.lastChild); document.documentElement.removeAttribute('class'); } document.addEventListener("MozReftestInvalidate", loaded, false); </script> </head> <body> <div id="d1"> <span>Kitty</span></div> <div id="d2"><span>Hello</span> </div> <div id="d3"><div></div> <span>Kitty</span></div> <div id="d4"><span>Hello</span> <div></div></div> </body> </html>