Polyfill for the selectmenu element
npm install selectmenu-polyfill polyfillBased on the proposal
open-ui.org/components/selectmenu
by Open UI.
This polyfill depends on the
Popover API
and comes with a light popover polyfill built-in.
So it doesn't require the
Popover polyfill
but aims to be compatible if you wish to use these together.
One of the goals was to research and create it as closely to spec as possible
and use the learnings for the implementation in
Media Chrome.
Until the native lands in one of the browsers it's recommended
to use the custom elements and directly and not
use them as a polyfill.
This is to prevent breaking anything in the future
if the native API would change and you would be running a native
selectmenu and a polyfilled selectmenu with misaligned API's.
``html
`
- Firefox and Safari don't allow creating a shadow DOM
on custom tags like selectmenu so the polyfill replaces selectmenu elementsx-selectmenu
with elements via a mutation observer. If you prefer your elementsx-selectmenu
are not replaced use directly.
- Safari doesn't render