Skip overflow clip for SVG viewport containers doing occlusion tests

progers · chromium-wpt-export-bot · commit 837111a6699c · 2026-05-28T00:22:52.000-07:00
This patch skips overflow clips when hit testing SVG viewport containers for occlusion. This ensures that we consider visual overflow for these occlusion hit tests. Fixed: 517114175 Change-Id: I6394e4b6dcbd4535eb70c695f46b98f942f8c39c Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/7880272 Reviewed-by: Stefan Zager <szager@chromium.org> Commit-Queue: Philip Rogers <pdr@chromium.org> Cr-Commit-Position: refs/heads/main@{#1637426}
diff --git a/intersection-observer/v2/svg-drop-shadow-occlusion.html b/intersection-observer/v2/svg-drop-shadow-occlusion.html
@@ -0,0 +1,41 @@
+<!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: 0;
+    top: 0;
+    width: 100px;
+    height: 40px;
+    background: lime;
+  }
+  #outer {
+    position: fixed;
+    left: 0;
+    top: 0;
+    width: 300px;
+    height: 100px;
+    visibility: hidden;
+  }
+  #inner {
+    visibility: visible;
+    filter: drop-shadow(-200px 0 0 black);
+  }
+</style>
+<div id="target"></div>
+<svg id="outer">
+  <svg id="inner" x="200" y="0" width="100" height="40">
+    <rect width="100%" height="100%" fill="black"/>
+  </svg>
+</svg>
+
+<script>
+  setup({ single_test: true });
+  const target = document.getElementById("target");
+  new IntersectionObserver(entries => {
+    assert_false(entries[0].isVisible, "Target should be occluded by SVG drop-shadow");
+    done();
+  }, {trackVisibility: true, delay: 100}).observe(target);
+</script>
