HTML 5.2 has introduced a new
<dialog> element to show modal dialog boxes. Here’s a small demo by @bdc (forked version by me, including polyfill):
Already available in Chrome; a polyfill is available for other/older browsers.
Siderant: I cannot help it, but my inner geek has issues with the language used to control the dialog.
The attribute to indicate whether a modal is open/visible/shown or not is named
open, so I’m taking that as the baseline.
, but you have have to call
modal.showModal(). Why not
open (like the attribute) but
show as the verb? And why the
And now comes the even more inconsistent part: to close it, you don’t call
(which is the exact opposite of
Weird … 🤔