#1007: Customizable select element

Visit on Github.

Opened Oct 17, 2024

こんにちは TAG-さん!

I'm requesting a TAG review of customizable select element.

Customizable select is an HTML parser change and a CSS property to make the select element render additional content and be fully stylable. Here is a basic example:

<select>
  <button>
    <selectedoption></selectedoption>
  </button>
  <option><img src="...">Orange</option>
  <option><img src="...">Banana</option>
</select>
<style>
select, ::picker(select) {
  appearance: base-select;
}
</style>

Further details:

  • I have reviewed the TAG's Web Platform Design Principles
  • Relevant time constraints or deadlines:
  • The group where the work on this specification is currently being done: WHATWG, CSSWG, and OpenUI CG
  • The group where standardization of this work is intended to be done (if different from the current group): WHATWG and CSSWG
  • Major unresolved issues with or opposition to this specification:
  • This work is being funded by: Google

Discussions