[Webkit-unassigned] [Bug 234642] New: :has() does not work when the parent is an li

[bugzilla-daemon at webkit.org]

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

            Bug ID: 234642
           Summary: :has() does not work when the parent is an li
           Product: WebKit
           Version: Safari Technology Preview
          Hardware: Mac (Intel)
                OS: macOS 11
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: CSS
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: cchana at gmail.com

Created attachment 447898

  --> https://bugs.webkit.org/attachment.cgi?id=447898&action=review

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.

-- 
You are receiving this mail because:
You are the assignee for the bug.
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.webkit.org/pipermail/webkit-unassigned/attachments/20211223/63abca99/attachment.htm>