[csswg-drafts] Names of <input type=range> / <input type=checkbox switch> pseudo-elements (#9830)

annevk has just created a new issue for https://github.com/w3c/csswg-drafts:

== Names of <input type=range> / <input type=checkbox switch> pseudo-elements ==
I decided to split this from #4410 as that discussion is already quite long.

In WebKit we accidentally implemented the new pseudo-elements as `::thumb` and `::track`. They are not shipped and can be renamed, but when discussing it internally none of us really liked the longer prefixed names. Also, when it was revealed we implemented these pseudo-elements, nobody noticed they had the wrong names. @nt1m discovered it while auditing pseudo-elements in general.

Selectors are typically short words, without thematic grouping. E.g., it's :playing, not :media-playing. They get context from usage. E.g., input::thumb.

And for a switch it's also not at all a "slider" thumb. It's just the thumb. It slides while animating, but it's not like you can hold it in any position that's not on or off.

If there's ever a need for another thumb/track-like pseudo-element that can have a longer name.

Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/9830 using your GitHub account


-- 
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config

Received on Monday, 22 January 2024 09:40:39 UTC