Diving Into the Toplayer: Where Dialogs, Popovers, and Modals Live
watch on portal.gitnation.org ↗https://portal.gitnation.org/contents/diving-into-the-toplayer-where-dialogs-popovers-and-modals-livesummary
Covers the browser "toplayer" rendering concept and how it affects UI patterns like <dialog>, the Popover API, custom tooltips and modals. Explains how toplayer behavior influences stacking contexts, painting order, focus management, accessibility, performance and developer experience, using practical examples and live coding to show how to build robust, maintainable components and avoid common pitfalls.
AI-written summary · about
related talks
31mDiving into the Toplayer: Where Dialogs, Popovers, and Modals Live
44mDialog dilemmas and modal mischief: a deep dive into popovers
48mThe New Frontend Toolkit: Popover API, Dialog, and Next-Gen CSS
32mNative Popovers with the Popover API
32mHow popovers are about to become a whole lot easier to build
21mInstall Nothing: App UIs With Native Browser APIs
44mThe Revival of Native Popups with the Popover API
47mThe future of UI is "open"