| <svg xmlns="http://www.w3.org/2000/svg"> |
| <rect width="100" height="100" fill="red" onclick="window.alert('FAIL: click not sent to FO content.');"/> |
| <foreignObject width="100" height="100"> |
| <body xmlns="http://www.w3.org/1999/xhtml" style="margin: 0; padding: 0;"> |
| <!-- Clicking on the green div (background) should be dispatched to the div element and not to the red SVG rect underneath. --> |
| <div id="target" style="width: 100px; height: 100px; background-color:green;" onclick="window.alert('PASS: click sent to FO content.');"></div> |
| </body> |
| </foreignObject> |
| |
| <script><![CDATA[ |
| |
| if (window.testRunner) { |
| testRunner.dumpAsText(); |
| |
| var hitElement = document.elementFromPoint(50, 50); |
| var hitSuccess = hitElement && hitElement == document.getElementById("target"); |
| document.getElementById('target').innerHTML = hitSuccess ? 'PASS' : 'FAIL'; |
| } else { |
| document.getElementById('target').innerHTML = 'Click me.'; |
| } |
| ]]></script> |
| </svg> |
| |
