Dev Tools · 1h ago
Native Popover API Eliminates Custom Dropdown Code
The Popover API, now Baseline 2024 in Chrome 114, Firefox 125, and Safari 17, lets developers create dropdowns with just two HTML attributes. It handles open/close, light dismiss, z-index, and keyboard events natively, removing the need for JavaScript or custom CSS. This simplifies development and improves accessibility by default.
Meridian48 take
A rare case where the browser catches up to developer workarounds — expect this to become the standard pattern for menus and tooltips.
Read the full reporting
Your dropdown is a div. The browser has a native popover now. →
DEV Community
popover-apiweb-development