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.
Meet the New Dialog Element →
Polyfill for the HTML <dialog> element →
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.
Now, say you want to open a modal via JavaScript you don’t call , but you have have to call modal.open()modal.showModal(). Why not open (like the attribute) but show as the verb? And why the Modal suffix?
And now comes the even more inconsistent part: to close it, you don’t call (which is the exact opposite of modal.hideModal()modal.showModal()) nor , but modal.closeModal()modal.close().
Weird … 🤔

re: siderant: needed a horse / designed a camel