foreignObject-start-hidden-02.svg

Enable keyboard shortcuts

Checkerboard

<svg xmlns="http://www.w3.org/2000/svg" version="1.1" class="reftest-wait"

     height="0" width="0" viewBox="0 0 50 50" preserveAspectRatio="none">

  <script>

    document.addEventListener("MozReftestInvalidate", doTest, false);

    setTimeout(doTest, 4000); // fallback for running outside reftest

    function doTest() {

      document.documentElement.removeAttribute("width");

      document.documentElement.removeAttribute("height");

      document.documentElement.removeAttribute("class");

  </script>

  <rect width="100%" height="100%" fill="red"/>

  <foreignObject width="100%" height="100%">

    <div xmlns="http://www.w3.org/1999/xhtml"

         style="background:lime; width:100%; height:100%;"/>

  </foreignObject>

</svg>