Revealing the Differences between HTML Dialogs and the Popover API

Published: 08 June 2023
on channel: Steve Griffith - Prof3ssorSt3v3

10,222

343

The fully supported HTML dialog element and the newly released Popover API have some overlapping functionality but also a lot of unique features. Watch this to understand the differences.

Code from video: https://gist.github.com/prof3ssorSt3v...

MDN reference for dialog element: https://developer.mozilla.org/en-US/d...

MDN reference for popover api: https://developer.mozilla.org/en-US/d...

CanIUse coverage for popover api: https://caniuse.com/mdn-api_htmleleme...

0:00 Intro
0:45 Dialog element
4:45 Default Styling
6:00 Modal Concepts
8:27 Dialog Events
9:20 Dialog Return Values
11:55 Dialog Open Attribute
13:15 Popover API
16:18 popovertargetaction
18:00 Popover Events
21:21 More Styling

Watch video Revealing the Differences between HTML Dialogs and the Popover API online without registration, duration hours minute second in high quality. This video was added by user Steve Griffith - Prof3ssorSt3v3 08 June 2023, don't forget to share it with your friends and acquaintances, it has been viewed on our site 10,222 once and liked it 343 people.

1,041