Horizontal rules inside select elements

Category: DOM
Type: Chromium catches up
Status: Enabled by default (Chrome 119)
Intent stage: None

Breaking change: No
Enterprise impact: None
Chromium flag: SelectHr
Spec maturity: Published standard
Web Platform Tests: Yes

WPT details: https://wpt.fyi/results/html/syntax/parsing/html5lib_webkit02.html%3Frun_type%3Duri

Summary

This feature makes the HTML parser allow <hr> tags inside <select> tags. These <hr> elements create horizontal borders in between <option> elements in the listbox popup.

Standards & signals

Specification: https://github.com/whatwg/html/pull/9124
Firefox: No signal
Safari: Shipped/Shipping
Web developers: No signals

Ecosystem

Web Platform Tests: https://wpt.fyi/results/?q=html%2Fsyntax%2Fparsing%2Fhtml5lib_webkit02
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+Horizontal%20rules%20inside%20select%20elements
MDN Web Docs: https://developer.mozilla.org/en-US/search?q=Horizontal%20rules%20inside%20select%20elements
Baseline status: https://webstatus.dev/?q=Horizontal%20rules%20inside%20select%20elements

View on chromestatus.com