<!DOCTYPE html> | |
<title>SVG root 'display: block' hit test</title> | |
<style> | |
html, body { | |
padding: 0; | |
margin: 0; | |
} | |
svg { | |
display: block; | |
background-color: blue; | |
} | |
</style> | |
<body> | |
<svg width="200" height="200"></svg> | |
<p>SVG root with 'display: block' gets intersected.</p> | |
<script> | |
if (window.testRunner) | |
testRunner.dumpAsText(); | |
var svgRoot = document.querySelector('svg'); | |
var result = (svgRoot === document.elementFromPoint(100, 100)); | |
document.write(result ? 'PASS' : 'FAIL'); | |
</script> |