<html>
<meta name="assert" content="Test list-based hit-testing for block-in-inline">
<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level">
<link rel="help" href="https://drafts.csswg.org/cssom-view/#dom-document-elementfrompoint">
<link rel="help" href="https://drafts.csswg.org/cssom-view/#dom-document-elementsfrompoint">
<link rel="author" title="Koji Ishii" href="mailto:[email protected]" />
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<body>
<div>
<a href="#">
<h3 id="target">
text
</h3>
</a>
</div>
<script>
function ancestors(element) {
const list = [];
for (; element; element = element.parentElement)
list.push(element);
return list;
}
const target = document.getElementById('target');
const bounds = target.getBoundingClientRect();
const x = bounds.x + bounds.width / 2;
const y = bounds.y + bounds.height / 2;
test(() => {
const result = document.elementFromPoint(x, y);
assert_equals(result, target);
}, "elementFromPoint");
test(() => {
const results = document.elementsFromPoint(x, y);
assert_array_equals(results, ancestors(target));
}, "elementsFromPoint");
</script>
</body>
</html>
Codebase Browser
chromium