[Webkit-unassigned] [Bug 235840] New: [:has() pseudo-class] in combination with interactive pseudo-class can't be called twice

bugzilla-daemon at webkit.org bugzilla-daemon at webkit.org
Fri Jan 28 15:46:49 PST 2022


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

            Bug ID: 235840
           Summary: [:has() pseudo-class] in combination with interactive
                    pseudo-class can't be called twice
           Product: WebKit
           Version: Safari Technology Preview
          Hardware: Unspecified
                OS: Unspecified
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: CSS
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: j.nicklas at me.com

Created attachment 450282

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

Video of the Bug

In Safari Technology Preview 139 the :has() selector does not seem to match correctly 
if the argument is an interactive pseudo-class with the universal selector e.g. :has(*:focus) 
and is used twice or more times.

In the following example the form should receive a red border once an input has focus:

<style>
form:has(:focus) {
  background: rgb(255, 246, 167);
}
form:has(:focus):has(input:not(:focus)){
  border: 1px solid red;
}
</style>

  <form>
    <input> 
    <input>  
</form>

I attached a video of the behaviour.

-- 
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/20220128/2f123222/attachment.htm>


More information about the webkit-unassigned mailing list