MDN docs tracking for this is here https://github.com/orgs/mdn/projects/12/views/6?pane=issue&itemId=49800847 This states that FF122 supports `:state()` after `::part()`, so from the proposal [ElementInternals's `states` property and the `:state()` pseudo class](https://github.com/WICG/webcomponents/blob/gh-pages/proposals/custom-states-and-state-pseudo-class.md) we see stuff like this: ``` question-box::part(checkbox):state(checked) { color: green; } ``` But my understanding is that `:state()` didn't make it to the [Custom State Pseudo Class spec](https://wicg.github.io/custom-state-pseudo-class/#dom-elementinternals-states) which uses the `:--state_ident_name` syntax to select a state. So the above ended up being: ``` question-box::part(checkbox):--checked { color: green; } ``` So a few questions: - Did `:state()` make it into the spec and I'm missing it? If not, presumably it should be removed from https://developer.mozilla.org/en-US/docs/Web/CSS/Pseudo-classes ? - What was actually implemented by this PR - support for `part(ident)` `:--state_ident_name` ? - This change was FF122 right?
Bug 1866351 Comment 7 Edit History
Note: The actual edited comment in the bug view page will always show the original commenter’s name and original timestamp.
MDN docs tracking for this is here https://github.com/orgs/mdn/projects/12/views/6?pane=issue&itemId=49800847 This states that FF122 supports `:state()` after `::part()`, so from the proposal [ElementInternals's `states` property and the `:state()` pseudo class](https://github.com/WICG/webcomponents/blob/gh-pages/proposals/custom-states-and-state-pseudo-class.md) we see stuff like this: ``` question-box::part(checkbox):state(checked) { color: green; } ``` But my understanding is that `:state()` didn't make it to the [Custom State Pseudo Class spec](https://wicg.github.io/custom-state-pseudo-class/#dom-elementinternals-states) which uses the `:--state_ident_name` syntax to select a state. So the above ended up being: ``` question-box::part(checkbox):--checked { color: green; } ``` So a few questions: - Did `:state()` make it into the spec and I'm missing it? If not, presumably it should be removed from https://developer.mozilla.org/en-US/docs/Web/CSS/Pseudo-classes ? - What was actually implemented by this PR - support for `part(ident)` `:--state_ident_name` ? - Docs cover the states in http://localhost:5042/en-US/docs/Web/API/CustomStateSet#interaction_with_css (thinly) but don't mention `part()`. So presumably we need to add and example selecting against an identified part here too? - This change was FF122 right?
MDN docs tracking for this is here https://github.com/orgs/mdn/projects/12/views/6?pane=issue&itemId=49800847 This states that FF122 supports `:state()` after `::part()`, so from the proposal [ElementInternals's `states` property and the `:state()` pseudo class](https://github.com/WICG/webcomponents/blob/gh-pages/proposals/custom-states-and-state-pseudo-class.md) we see stuff like this: ``` question-box::part(checkbox):state(checked) { color: green; } ``` But my understanding is that `:state()` didn't make it to the [Custom State Pseudo Class spec](https://wicg.github.io/custom-state-pseudo-class/#dom-elementinternals-states) which uses the `:--state_ident_name` syntax to select a state. So the above ended up being: ``` question-box::part(checkbox):--checked { color: green; } ``` So a few questions: - Did `:state()` make it into the spec and I'm missing it? If not, presumably it should be removed from https://developer.mozilla.org/en-US/docs/Web/CSS/Pseudo-classes ? - What was actually implemented by this PR - support for `part(ident)` `:--state_ident_name` ? - Docs cover the states in https://developer.mozilla.org/en-US/docs/Web/API/CustomStateSet#interaction_with_css (thinly) but don't mention `part()`. So presumably we need to add and example selecting against an identified part here too? - This change was FF122 right?