web-platform-tests / web-platform-tests/interop

Customizable Select

Open
#1,393 1 comment 39 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

focus-area-proposal
Dominant language
JavaScript
Stars
524
Forks
35
Avg merge
1d 4h
Merged PRs (30d)
10

Description

Description

The Customizable Select feature will allow developers to provide custom styled dropdown menus in a way that takes advantage of native browser accessibility features such as keyboard interaction.

Currently, it is common practice to create entirely custom JavaScript-driven alternatives to the native <select> element when significant custom styling of a dropdown menu is needed, which often leads to accessibility problems and other issues. The Customizable Select feature will address this.

Specification

https://html.spec.whatwg.org/multipage/form-elements.html#the-select-element

web-feature

https://web-platform-dx.github.io/web-features-explorer/features/customizable-select/

Test Links

HTML > semantics > forms > the select element > customizable select

Additional Signals

Standards Positions

Current State of the Feature

  • Shipped in Chrome and Edge as of April 2025
  • Supported in Safari 27 - Technology Preview

Browser Bugs

Developer Surveys

This comment from last year's proposal describes the relevant results from the 2025 State of HTML preliminary results:

Reporting from the preliminary State of HTML 2025 results here! 🙋🏽‍♀️
Customizable Select dominated the survey:

  • 398 freeform pain points about it across the survey, by far the highest of any other concrete feature (the 2nd most frequently mentioned feature had 133)
  • 2nd limited availability survey feature (and 4th overall) by positive sentiment. The rank is the same, regardless of whether we look at the absolute number of positive sentiment votes (2,572 positive sentiment votes across the three usage categories) or the percentage of positive sentiment votes over total votes (2,572/6,037 = 42.6%)

Other Developer Sentiment

Contributor guide

No contributing guide indexed for this repository

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start with the linked HTML specification section and the web-platform-tests html/semantics/forms/the-select-element/customizable-select directory. This issue does not name a repository file, test case, or acceptance criteria, so first determine the required Interop scope from those references; completion criteria are not specified here.

Written by the indexing model from the issue text.

Assessment

Tech stack
html
Domain
testing, web-dev
Issue type
Feature
Difficulty
5/5
Estimated time
Over a week
Activity status
Active
Clarity
Needs clarification
Newbie friendliness
30/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.