-
Notifications
You must be signed in to change notification settings - Fork 28
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
EXPAND :has()
to include support for more pseudo-classes
#555
Comments
:has()
to include support for pseudo-classes
Are there particular examples of pseudo-classes where:
(I just tested |
@dbaron Matching works fine in most browsers, it's mostly invalidation that needs work, although both Chrome & WebKit have made progress in that area over the past year. |
A list of tests will be need to evaluate the work required for this proposal, as it's not clear if there are things that don't work in Chrome here, beyond pseudo-classes that aren't supported at all yet. |
:has()
to include support for pseudo-classes:has()
to include support for more pseudo-classes
Does this include |
Thank you for proposing EXPAND We wanted to let you know that this proposal was not selected to be part of Interop this year. We could not find any tests for EXPAND For an overview of our process, see proposal selection. Thank you again for contributing to Interop 2024! Posted on behalf of the Interop team. |
Description
:has()
is amazing.Developers are thrilled.
Some of the most interesting usecases are when you put another pseudo-class inside of
:has()
. For example, :has(:playing) targets an element if there's a video or audio element playing inside of it. :has(:user-invalid) targets an element if there's a form field inside of it that's in an invalid state — making it very easy, for example, to create a red border on a text label when its field is not filled out correctly.It would be great to see if we can get support for all of the pseudo-class (except, of course, for the ones that are disallowed in the standard).
I started a spreadsheet to try and list what's currently supported where: https://docs.google.com/spreadsheets/d/1NZeNiJqOEiphHJiAIB9iWsp2yxsn8fsqAJj1syM6K10/edit?usp=sharing
It needs work, but the list of the pseudo-classes alone are helpful.
Specification
https://drafts.csswg.org/selectors/#relational
Open Issues
No response
Tests
No response
Current Implementations
Standards Positions
No response
Browser bug reports
No response
Developer discussions
No response
Polls & Surveys
No response
Existing Usage
No response
Workarounds
No response
Accessibility Impact
No response
Privacy Impact
No response
Other
No response
The text was updated successfully, but these errors were encountered: