Demos/selectmenu

Open UI's <selectmenu> demos

➡️ Open the demo ⬅️

The purpose of Open UI is to provide the web platform with UI controls that can be styled and extended by web developers.

Open UI is working on a specification of a new <select> element and it is being prototyped in Chromium by the Microsoft Edge team.

The demos in this folder show how this prototype can currently be used to achieve what was once only possible with custom (and often inaccessible) selects.

Note: the experimental <selectmenu> control allows web developers to go very far in extending the default control. They can in fact replace the entire shadow DOM of the control and introduce their own, with extra elements inside and around the various button, listbox, and options parts. The demos in this folder use this to push the prototype to its limits, but as a result introduces sometimes inaccessible use cases. These are currently serving as a way to provoke discussions aimed at evolving the specification and implementation. They should not be taken as examples of what to do with the new <selectmenu> element.