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