Files
sousa-gecko/testing/web-platform/tests/intersection-observer/v2/border-shape-occlusion.html
T
Philip Rogers 568c2ca3b3 Bug 2043170 [wpt PR 60228] - Consider visual overflow when hit testing border-shape, a=testonly
Automatic update from web-platform-tests
Consider visual overflow when hit testing border-shape

This patch ensures we do not early-out before hit testing visual
overflow when hit testing for occlusion in the presence of
border-shape.

Fixed: 517155893
Change-Id: Idfdc39607ddf7f9d6c893e0d7cb08652893d9362
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/7880691
Reviewed-by: Stefan Zager <szager@chromium.org>
Commit-Queue: Philip Rogers <pdr@chromium.org>
Cr-Commit-Position: refs/heads/main@{#1637424}

--

wpt-commits: 6f5749e444fc05926cdec97d75d5c23c62909726
wpt-pr: 60228
2026-06-02 10:25:12 +00:00

36 lines
857 B
HTML

<!DOCTYPE html>
<meta name="viewport" content="width=device-width,initial-scale=1">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<style>
#target {
position: absolute;
left: 100px;
top: 100px;
width: 100px;
height: 100px;
background: blue;
}
#occluder {
position: absolute;
left: 300px;
top: 100px;
width: 10px;
height: 10px;
border-shape: circle(5px at 50% 50%);
box-shadow: -150px 0 0 100px black;
background: red;
}
</style>
<div id="target"></div>
<div id="occluder"></div>
<script>
setup({ single_test: true });
const target = document.getElementById("target");
new IntersectionObserver(entries => {
assert_false(entries[0].isVisible);
done();
}, {trackVisibility: true, delay: 100}).observe(target);
</script>