<!-- Any copyright is dedicated to the Public Domain. http://creativecommons.org/publicdomain/zero/1.0/ --> <svg xmlns="http://www.w3.org/2000/svg" onload="startTest()" 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"> function startTest() { document.addEventListener("MozReftestInvalidate", doTest, false); } 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>