Re: [csswg-drafts] [css-ui] Pseudo-elements for checkmark and dropdown icon for appearance:base `<select>` (#10908)

Here is the IRC from the last meeting: https://logs.csswg.org/irc.w3.org/css/2024-10-24/ (thanks for scribing @gregwhitworth!)

We had these resolutions:

> RESOLVED: add pseudo-elements for the select button and option checkmarks which are fully stylable pseudo-elements with content specified by the content property

> RESOLVED: Adopt ::check or ::checkmark for checkbox/radio checks

We still need to choose between ::check or ::checkmark, and we still need to choose a name for the in-page button icon part.

I think that ::checkmark is easier to understand than ::check, so I propose we use ::checkmark.

Some names proposed for the dropdown icon after the in-page button part:
- `::select-arrow`
- `::select-activator`
- `::select-opener`
- `::field-button-open`
- `::open-button`
- `::button-icon`
- `::select-toggle`
- `::select-indicator`
- `::select-icon`
- `::field-popup-icon`
- `::field-open-icon`
- `::field-open-button`
- `::picker-icon`
- `::picker-button`
- `::picker-invoker`
- `::picker-opener`
- `::picker-toggle`
- `::picker-trigger`

We also had a poll for the names which start with ::picker, and here is the results:

1. ::picker-icon 3 votes
1. ::picker-button 3 votes
2. ::picker-opener 2 votes
3. ::picker-trigger 1 vote
4. ::picker-toggle 0 votes
4. ::picker-invoker 0 votes

@nt1m also said that having "picker" in the name means that it's inside the picker.

In my opinion, ::picker-icon is best because the other options like ::picker-button imply that this pseudo-element is the button, but it actually isn't - its just some decoration put inside the button which opens the picker. I also think that it's OK that this has picker in its name despite being outside of the picker. It is relevant because it's an icon which indicates that this button will open a picker.

Proposed resolution: Adopt ::checkmark and ::picker-icon as the names of the pseudo-elements for the option's checkmark and the select's in-page button icon.

-- 
GitHub Notification of comment by josepharhar
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/10908#issuecomment-2455470313 using your GitHub account


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

Received on Monday, 4 November 2024 18:55:44 UTC