Set all :has() in compound match in shadow tree if compound contains :host

byung-woo · chromium-wpt-export-bot · commit bd29da3b20ec · 2025-03-20T05:41:26.000-07:00
To fix :has():host case, 'CSSSelectorParser' collects :has() pseudos in a compound during consuming simple selectors in 'ConsumeCompoundSelector()', and set the 'HasArgumentMatchInShadowTree' flag on the collected :has() pseudos if the parser found a :host pseudo in the compound. Bug: 378584792 Change-Id: I423ebf1128aed75f0b37024736a27f03de007607 Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/6365595 Commit-Queue: Byungwoo Lee <blee@igalia.com> Reviewed-by: Anders Hartvoll Ruud <andruud@chromium.org> Cr-Commit-Position: refs/heads/main@{#1435333}
diff --git a/css/css-scoping/host-has-internal-004.html b/css/css-scoping/host-has-internal-004.html
@@ -0,0 +1,22 @@
+<!doctype html>
+<meta charset="utf-8">
+<title>:has(...):host internal descendent</title>
+<link rel="help" href="https://drafts.csswg.org/css-scoping/#host-selector">
+<link rel="match" href="/css/reference/ref-filled-green-100px-square-only.html">
+<p>Test passes if there is a filled green square.</p>
+<div id="host">
+    <template shadowrootmode="open">
+      <style>
+        div {
+          width: 100px;
+          height: 100px;
+          background-color: red;
+        }
+        :has(section):host div {
+          background-color: green;
+        }
+      </style>
+      <span><div></div></span>
+      <section></section>
+    </template>
+</div>
