227702 – Implement :has() pseudo-class

RESOLVED FIXED 227702

Implement :has() pseudo-class

https://bugs.webkit.org/show_bug.cgi?id=227702

Summary Implement :has() pseudo-class

Antti Koivisto

Reported 2021-07-06 04:47:20 PDT

https://drafts.csswg.org/selectors/#has-pseudo

Attachments
wip (43.48 KB, patch) 2021-07-07 04:40 PDT, Antti Koivisto	ews-feeder: commit-queue-	Details Formatted Diff Diff
wip (48.05 KB, patch) 2021-07-07 08:21 PDT, Antti Koivisto	no flags	Details Formatted Diff Diff
Show Obsolete (2) View All Add attachment proposed patch, testcase, etc.

Antti Koivisto

Comment 1 2021-07-07 04:40:01 PDT

Created attachment 433022 [details] wip

Antti Koivisto

Comment 2 2021-07-07 08:21:32 PDT

Created attachment 433031 [details] wip

Radar WebKit Bug Importer

Comment 3 2021-07-13 04:48:15 PDT

<rdar://problem/80511971>

Antti Koivisto

Comment 4 2021-12-03 09:43:34 PST

This was enabled in http://trac.webkit.org/changeset/286495/webkit

Kyle Bavender

Comment 5 2021-12-20 16:45:36 PST

I am excited to see that :has() is shipping in STP v137! Thanks to all who have contributed to this. I did find something that seems like a potential bug in my testing, however. The general idea is that... #form:has(input:checked) .row { background: rebeccapurple; } ...is not toggling that background color if the user checks and unchecks an input, but it really seems that it should. I created a test case with more details here: https://codepen.io/kbav/pen/YzrxwBa?editors=1100

Antti Koivisto

Comment 6 2021-12-20 22:26:10 PST

Can you file a new bug for this? (it is a style invalidation issue with :checked)

Note You need to log in before you can comment on or make changes to this bug.