Source code
Revision control
Copy as Markdown
Other Tools
Test Info:
- This WPT test may be referenced by the following Test IDs:
- /css/CSS2/normal-flow/block-in-inline-hittest-001.html - WPT Dashboard Interop Dashboard
<!DOCTYPE html>
<meta name="assert" content="Test hit-testing when block-in-inline is in culled inline">
<link rel="author" title="Koji Ishii" href="mailto:kojii@chromium.org" />
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<body>
<div>
<span>
<span style="outline: 1px solid blue">
<div id="target">
<div style="width: 64px; height: 26px;">
</div>
</div>
</span>
</span>
</div>
<script>
test(() => {
const target = document.getElementById('target');
const bounds = target.getBoundingClientRect();
const x = bounds.x + bounds.width / 2;
const y = bounds.y + bounds.height / 2;
const result = document.elementFromPoint(x, y);
assert_equals(result, target);
});
</script>
</body>