[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