diff options
Diffstat (limited to 'testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-hittest-margin.html')
-rw-r--r-- | testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-hittest-margin.html | 31 |
1 files changed, 31 insertions, 0 deletions
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-hittest-margin.html b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-hittest-margin.html new file mode 100644 index 0000000000..053630706a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-hittest-margin.html @@ -0,0 +1,31 @@ +<!DOCTYPE html> +<!DOCTYPE html> +<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"> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> +<style> +.target { + background: blue; + width: 100px; + height: 100px; + margin: 100px; +} +</style> +<body> + <a href="#"> + <div class="target"></div> + </a> +<script> +const root = document.body; +const target = root.querySelector('.target'); +const target_bounds = target.getBoundingClientRect(); +const x = target_bounds.x - 20; // "-20" for the margin area. +const y = target_bounds.y + target_bounds.height / 2; +const result = document.elementFromPoint(x, y); +const a = root.querySelector('a'); +test(() => { + assert_equals(result, a); +}, target.style.cssText); +</script> +</body> |