1588763 - Custom elements: implement Custom state pseudo class

Status: ASSIGNED

(Core :: DOM: Core & HTML, enhancement)

Description

[709922234]

User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.14; rv:71.0) Gecko/20100101 Firefox/71.0

Steps to reproduce:

proposal: https://github.com/w3c/webcomponents/blob/gh-pages/proposals/custom-states-and-state-pseudo-class.md

Comment 1

[709922234]

Update syntax: my-element:--foo {}

Comment 3

[709922234]

Update syntax to :state(foo)

https://github.com/whatwg/html/pull/8467

Comment 4

[Woody Li]

Safari implements it in TP 187:
https://developer.apple.com/documentation/safari-technology-preview-release-notes/stp-release-187#Web-API

Comment 5

[Woody Li]

(In reply to Woody Li from comment #4)
Sorry for my mistake. It should be 188.
https://developer.apple.com/documentation/safari-technology-preview-release-notes/stp-release-188#Web-API

Comment 6

[709922234]

Attachment: Screenshot 2024-03-23 at 22.06.36.png

126.0a1 (2024-03-23) (64-bit)
preferences:
dom.element.customstateset.enabled true

Bug 1865589 it still doesn't seem to be fixed, but it's just a little better than before.

example: https://gemjs.org/en/guide/

Comment 7

[Keith Cirkel]

Attachment: Bug 1588763 - enable customstateset in nightlies r=smaug,emilio

Comment 8

[Phabricator Automation]

Comment on attachment 9392918 [details]
Bug 1588763 - enable customstateset in nightlies r=smaug,emilio

Revision D205520 was moved to bug 1887467. Setting attachment 9392918 [details] to obsolete.