The Revival of Native Popups with the Popover API
summary
Introduces the new Popover API for native popups so developers can build tooltips, menus, modals and dropdowns without JavaScript. Covers practical use cases, accessibility and display concerns, when to use Popover API versus the HTMLDialogElement, and how it improves UX and developer ergonomics.
AI-written summary · about
chapters (8)
- 0:00Popover API intro
- 10:58What is Popover API
- 17:09Popover implementation
- 23:51Popover limits & accessibility
- 25:36Dialog as alternative
- 33:23Popover vs Dialog
- 37:28Popover or Dialog choice
- 40:20Summary
related talks
32mNative Popovers with the Popover API
48mThe New Frontend Toolkit: Popover API, Dialog, and Next-Gen CSS
24mIndependent Popups with Element Reparenting & The HTML Popover API
32mHow popovers are about to become a whole lot easier to build
44mDialog dilemmas and modal mischief: a deep dive into popovers
21mInstall Nothing: App UIs With Native Browser APIs
31mDiving into the Toplayer: Where Dialogs, Popovers, and Modals Live
47mThe future of UI is "open"