WebKit Bugzilla
New
Browse
Log In
×
Sign in with GitHub
or
Remember my login
Create Account
·
Forgot Password
Forgotten password account recovery
RESOLVED DUPLICATE of
bug 234531
Bug 234642
:has() does not work when the parent is an li
https://bugs.webkit.org/show_bug.cgi?id=234642
Summary
:has() does not work when the parent is an li
cchana
Reported
2021-12-23 12:12:36 PST
Created
attachment 447898
[details]
Screenshot of a codepen showing that the CSS is not applied as expected When using li:has() as part of your selector, the syntax appears to be ignored. Works correctly with ul however. The following CSS declaration has three selectors, but only the first and third one work. The one related to li:has() does not apply at all. ul:has(ul), li:has(ul), p:has(a){ border: 1px solid blue; } I have created a codepen where this can be verified:
https://codepen.io/cchana/pen/vYeebQQ
I would expect to see 4 blue boxes on the screen but can only two appear.
Attachments
Screenshot of a codepen showing that the CSS is not applied as expected
(150.86 KB, image/png)
2021-12-23 12:12 PST
,
cchana
no flags
Details
View All
Add attachment
proposed patch, testcase, etc.
Radar WebKit Bug Importer
Comment 1
2021-12-23 12:54:50 PST
<
rdar://problem/86862988
>
Antti Koivisto
Comment 2
2021-12-26 12:02:31 PST
Seems to be fixed in the trunk, I think this was
bug 234531
.
Antti Koivisto
Comment 3
2021-12-26 12:02:44 PST
*** This bug has been marked as a duplicate of
bug 234531
***
Note
You need to
log in
before you can comment on or make changes to this bug.
Top of Page
Format For Printing
XML
Clone This Bug