[css-pseudo-4] Add new pseudo-elements for customizable select #10986
Conversation
This PR adds the ::check and ::select-icon pseudo-elements so that select elements can have a standardized and customizable dropdown icon on the button and checkmarks next to options. Fixes w3c#10908
|
I mostly copied the definitions from before/after. If before/after aren't actually part-like, then should I copy the text from ::backdrop that looks like this instead of saying these pseudos are part like?
|
| restriction on which properties apply to the ''::select-arrow'' pseudo-element. | ||
|
|
||
| ''::select-arrow'' generates a box as if it was an immediate child of its | ||
| <a>originating element</a>, preceding any boxes generated by the ''::before'' |
There was a problem hiding this comment.
So I'm wondering if the idea that it precedes the ::before is incompatible with being part-like. I'm a little worried that it might be.
|
|
||
| ''::select-arrow'' generates a box as if it was an immediate child of its | ||
| <a>originating element</a>, preceding any boxes generated by the ''::before'' | ||
| pseudo-element, with content as specified by 'content'. |
There was a problem hiding this comment.
I'm also worried about allowing content here when it doesn't (in reality) work on elements, which part-like pseudo-elements should fully behave like.
| ''::select-arrow'' is a [=part-like pseudo-element=], so there is no | ||
| restriction on which properties apply to the ''::select-arrow'' pseudo-element. | ||
|
|
||
| ''::select-arrow'' generates a box as if it was an immediate child of its |
There was a problem hiding this comment.
I don't like the term "immediate child"; "child" is fine. You don't need "immediate" to differentiate "child" from "descendant".
| ''::select-arrow'' is a [=part-like pseudo-element=], so there is no | ||
| restriction on which properties apply to the ''::select-arrow'' pseudo-element. | ||
|
|
||
| ''::select-arrow'' generates a box as if it was an immediate child of its |
There was a problem hiding this comment.
Are there conditions on when this generates a box? Does it only do something for appearance: base-select?
This PR adds the ::check and ::select-icon pseudo-elements so that select elements can have a standardized and customizable dropdown icon on the button and checkmarks next to options.
Fixes #10908