Your dropdown is a div. The browser has a native popover now.

Custom dropdowns, tooltips, and menus built with stacked divs and click-outside listeners — the Popover API landed in every browser in 2024, and the baseline version is two HTML attributes.

domenica 12 luglio 2026 New tab

840 words~4 min read

You've written some version of this before:

function toggleMenu() {

setOpen(prev => !prev);

}

useEffect(() => {

Your dropdown is a div. The browser has a native popover now.

Your dropdown is a div. The browser has a native popover now.

Related reading

Getting Started With The Popover API — Smashing Magazine

Building Accessible Popups Natively with the HTML5 <dialog> Element

Position tooltips and popovers with native CSS — zero runtime JS

Why I stopped fighting the browser

md - context menu

Stop Rewriting UI Components for Every Project

Related reading

Getting Started With The Popover API — Smashing Magazine

Building Accessible Popups Natively with the HTML5 <dialog> Element

Position tooltips and popovers with native CSS — zero runtime JS

Why I stopped fighting the browser

md - context menu

Stop Rewriting UI Components for Every Project