Web Directions

Conffab

  • Speakers
  • Presentations
  • Conferences
  • Organizers
  • Topics
  • Pricing & Plans
  • Browse
  • Signup
  • Sign In
  • Speakers
  • Presentations
  • Conferences
  • Organizers
  • Topics
  • Pricing & Plans
  • Browse
  • Signup
  • Sign In
Advanced search
Searching videos

Dialog is for modals, popover is for everything else

May 26, 2025

  • dialog
  • popover

<dialog> and <popover> are currently the only two ways1 to access the browser’s top layer. So what’s the difference between them and which one should you use when?

Source: Dialog is for modals, popover is for everything else

We’ve covered dialog and the popover API a bit here at Conffab. But when do you use which? Mayank fills us in.

Related videos

Thumbnail for Native modals with the new popover API

Native modals with the new popover API

Zach Jensz

Dev Summit ’24

Thumbnail for Customisable and the friends we made along the way

Customisable and the friends we made along the way

Jake Archibald

CSS Day 2026

Thumbnail for Modern UI Patterns

Modern UI Patterns

Una Kravets

CSS Day 2026

Thumbnail for Native HTML elements you should already be using: building without Javascript.

Native HTML elements you should already be using: building without Javascript.

Harrison Broadbent

Web Directions Code 2025

Thumbnail for Smart layouts

Smart layouts

Ahmad Shadeed

CSS Day 2025

Thumbnail for Is Sass Dead Yet? CSS Mixins & Functions &c.

Is Sass Dead Yet? CSS Mixins & Functions &c.

Miriam Suzanne

CSS Day 2025

Thumbnail for CSS Grid Layout

CSS Grid Layout

Rachel Andrew

Code 2016

Thumbnail for Better Onboarding

Better Onboarding

Krystal Higgins

Summit ’22

Conffab
  • About
  • Speakers
  • Presentations
  • Conferences
  • Contact
  • Sign in
Sign Up

© Conffab 2026