foreignObject-zoom-01.svg

Enable keyboard shortcuts

Checkerboard

<!--

     Any copyright is dedicated to the Public Domain.

     http://creativecommons.org/publicdomain/zero/1.0/

-->

<svg xmlns="http://www.w3.org/2000/svg"

     reftest-zoom="2" class="reftest-wait"

     style="width:50%; height:50%;">

  <title>Testcase for zoomed foreignObject</title>

  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=484677 -->

  <style type="text/css">

    * { margin:0;height:100%;width:100% }

  </style>

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

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

      <body>

        <div id="div" style="width:20px;height:20px;background:yellow;"/>

      </body>

    </html>

  </foreignObject>

  <script type="text/javascript">

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

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

  function doTest() {

    var elem = document.elementFromPoint(25, 25);

    var div = document.getElementById("div");

    div.setAttribute("style", "background:" + ((elem == div) ? "red" : "lime") + ";");

    document.documentElement.removeAttribute("class");

  </script>

</svg>