Skip to content

Chrome 145 listbox <select> base styling#29189

Merged
Elchi3 merged 1 commit intomdn:mainfrom
chrisdavidmills:appearance-base-select-improvement
Mar 5, 2026
Merged

Chrome 145 listbox <select> base styling#29189
Elchi3 merged 1 commit intomdn:mainfrom
chrisdavidmills:appearance-base-select-improvement

Conversation

@chrisdavidmills
Copy link
Contributor

Summary

Chrome has supported Customizable <select> elements (via appearance: base-select) for single dropdown selects since version 135, and since 145, now supports it for listbox selects, e.g. <select size="3"> or <select multiple>.

See https://chromestatus.com/feature/6222145025867776.

This PR adds sub-data points below appearance: base-select for the different select types. Note that I've included a data point for multiple dropdown selects, even though they are not supported yet, as I think people will definitely ask that question. If you'd like me to record that differently, just let me know.

Test results and supporting details

Related issues

Fixes #29183

@github-actions github-actions bot added data:css Compat data for CSS features. https://developer.mozilla.org/docs/Web/CSS size:l [PR only] 101-1000 LoC changed labels Mar 5, 2026
@github-actions
Copy link
Contributor

github-actions bot commented Mar 5, 2026

Tip: Review these changes grouped by change (recommended for most PRs), or grouped by feature (for large PRs).

Copy link
Member

@Elchi3 Elchi3 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I think this is great, thank you! 👍

@Elchi3 Elchi3 merged commit b403491 into mdn:main Mar 5, 2026
8 checks passed
@mdn-bot mdn-bot mentioned this pull request Mar 5, 2026
],
"support": {
"chrome": {
"version_added": "135"
Copy link
Contributor

@lukewarlow lukewarlow Mar 5, 2026

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This is wrong, it should be false.

"opera": "mirror",
"opera_android": "mirror",
"safari": {
"version_added": false
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This should be preview, it was added in stp 238.

@chrisdavidmills chrisdavidmills deleted the appearance-base-select-improvement branch March 5, 2026 18:00
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

data:css Compat data for CSS features. https://developer.mozilla.org/docs/Web/CSS size:l [PR only] 101-1000 LoC changed

Projects

None yet

Development

Successfully merging this pull request may close these issues.

css.properties.appearance - base-select data doesn't specify which types of select its supported on

3 participants