1944403 - Implement customizable select element

Status: NEW

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

Description

[Joey Arhar]

User Agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/133.0.0.0 Safari/537.36

Steps to reproduce:

Customizable select is a feature update to the select element which contains several parts listed here: https://github.com/whatwg/html/issues/9799

• Relax <select> parser https://bugzilla.mozilla.org/show_bug.cgi?id=1933591
• appearance:base for <select> or appearance:base-select
  • https://drafts.csswg.org/css-ui-4/#base-appearance
  • https://github.com/whatwg/html/pull/10629
• ::picker(select) pseudo-element https://drafts.csswg.org/css-forms-1/#selectordef-picker
• ::picker-icon pseudo-element https://drafts.csswg.org/css-forms-1/#picker-icon-pseudo-element
• ::checkmark pseudo-element https://drafts.csswg.org/css-forms-1/#checkmark-element
• <selectedcontent> element https://github.com/whatwg/html/pull/10633
• UA stylesheet for base appearance <select> https://github.com/whatwg/html/pull/10670

Comment 1

[Negritas Sergiu, Desktop QA]

Hello Thank you for submitting this issue I will mark it as NEW in order to get our developers involved and take it into consideration on further releases.

Have a nice day!

Comment 2

[Sebastian Zartner [:sebo]]

Customizable selects shipped in Chrome 134.
Joey, does Chromium already supports all of the features you listed?

And we should create separate blocking bugs for the different features necessary for customizable selects.

Sebastian

Comment 3

[Joey Arhar]

Yes, chromium supports all of the features listed. Separate bugs sounds like a good idea.

All of the tests are here: https://wpt.fyi/results/html/semantics/forms/the-select-element/customizable-select