Closed nt1m closed 9 months ago
foolip
commented
1 year ago @nt1m I have a vague memory of a discussion to add these to https://html.spec.whatwg.org/#pseudo-classes but can't find any issue or PR in https://github.com/whatwg/html. Is there a plan to add these to the HTML spec? cc @annevk
nt1m
commented
1 year ago @foolip We can definitely add those to the HTML spec, but I don't think it's a blocker for this proposal given there's already a clear definition in the CSS spec (at least for some of them, which refer directly to the HTML spec). A scope reduction might be possible if we don't get to adding those to the HTML spec by January.
foolip
commented
1 year ago @nt1m I agree the definitions in the CSS spec are clear enough in practice, but by adding normative definitions to HTML some of the text of the CSS spec could be removed.
I do not consider this a blocker.
annevk
commented
10 months ago I created https://github.com/whatwg/html/pull/10051 to add these to HTML.
dandclark
commented
9 months ago Thank you for proposing Media pseudo classes: :paused/:playing/:seeking/:buffering/:stalled/:muted/:volume-locked for inclusion in Interop 2024.
We wanted to let you know that this proposal was not selected to be part of Interop this year.
This is because we got many more proposals than we could include in this year's project. Note that individual vendors may nevertheless choose to advance work in this area during the forthcoming year. We would welcome this proposal being resubmitted again next year if necessary.
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
Pseudo classes to target specific states of video/audio elements including :has() support.
Specification
https://w3c.github.io/csswg-drafts/selectors-4/#resource-pseudos
Open Issues
No response
Tests
https://wpt.fyi/css/selectors/media/media-loading-state.html https://wpt.fyi/css/selectors/media/media-playback-state.html https://wpt.fyi/css/selectors/media/sound-state.html https://wpt.fyi/results/css/selectors/invalidation/media-pseudo-classes-in-has.html https://wpt.fyi/results/css/selectors/invalidation/media-loading-pseudo-classes-in-has.html
Current Implementations
Standards Positions
No response
Browser bug reports
https://bugzilla.mozilla.org/show_bug.cgi?id=1707584 https://bugs.chromium.org/p/chromium/issues/detail?id=1383480
Developer discussions
No response
Polls & Surveys
No response
Existing Usage
No response
Workarounds
JavaScript
Accessibility Impact
No response
Privacy Impact
No response
Other
This is incredibly useful in combination with :has().