You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Add explainer: slotted options in customizable <select> (#1357)
Adds a new `SlottedOption/` explainer proposing that a customizable `<select>` (`appearance: base-select`) recognize `<option>`, `<optgroup>`, and its trigger `<button>` when they are slotted in from a web component, so they behave as if they were direct children of the `<select>`.
Today a `<select>` only treats its direct DOM children as options. If you put a `<select>` in a component's shadow root and expose a `<slot>`, the slotted options are ignored and the dropdown is empty. The only options today are to sync options
with a `MutationObserver` or rebuild the control by hand, which is a lot of code and is usually less accessible than the native control.
Discussion in WHATWG HTML issue: whatwg/html#11535
0 commit comments