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
On this page of the site you can watch the video online Revealing the Differences between HTML Dialogs and the Popover API with a duration of hours minute second in good quality, which was uploaded by the user Steve Griffith - Prof3ssorSt3v3 08 June 2023, share the link with friends and acquaintances, this video has already been watched 12,340 times on youtube and it was liked by 400 viewers. Enjoy your viewing!