Minimum size of <option> within <select> dropdown

Category: CSS
Type: No developer-visible change
Status: Enabled by default (Chrome 128)
Intent stage: None

Breaking change: No
Enterprise impact: None
Spec maturity: Published standard
Web Platform Tests: No

WPT details: Bug tracking adding WPT test: https://issues.chromium.org/issues/346378685

Summary

The WCAG (accessibility guidelines) specify that the size of pointer inputs must be at least 24x24 CSS pixels. The <option> element within the <select> dropdown currently does not meet this height requirement.

Motivation

To comply with WCAG guidelines for the minimum target size of pointer objects, the <option> element within the <select> dropdown must have a minimum size of 24x24 CSS pixels.

Standards & signals

Specification: https://www.w3.org/WAI/WCAG22/Understanding/target-size-minimum.html
Firefox: Shipped/Shipping — The default size of the <option> element within the <select> dropdown exceeds 24x24 CSS pixels.
Safari: No signal — Filed bug https://bugs.webkit.org/show_bug.cgi?id=275079
Web developers: No signals
Tracking bug: https://issues.chromium.org/issues/339141283

Ecosystem

Web Platform Tests: https://wpt.fyi/results/?q=minimum-size-of-option-within-select-dropdown
Chrome Platform Showcase: https://chrome-platform-showcase.paulkinlan-ea.deno.net/features
GenDN reference: https://gendn.paulkinlan-ea.deno.net/features
chrome.dev demos search: https://www.google.com/search?q=site%3Achrome.dev+Minimum%20size%20of%20%3Coption%3E%20within%20%3Cselect%3E%20dropdown
MDN Web Docs: https://developer.mozilla.org/en-US/search?q=Minimum%20size%20of%20%3Coption%3E%20within%20%3Cselect%3E%20dropdown
Baseline status: https://webstatus.dev/?q=Minimum%20size%20of%20%3Coption%3E%20within%20%3Cselect%3E%20dropdown

Docs: https://github.com/openui/open-ui/issues/1026

View on chromestatus.com