In modern web development, developers can now quickly create popup boxes or other interactive components with the <DIALOG> element introduced in HTML 5.2.
<dialog open> <p>CSSSCRIPT.COM</p> </dialog>
However, what needs to be worth noting is that the new <DIALOG> element only works with Chrome, Firefox, Opera, and Android webview.
Developers who are running cross-platform web apps might need a Polyfill to enable the <DIALOG> support on the Edge and Apple Safari.
Originally Published Oct 22 2019, updated Mar 16 2021
To display complex web content (e.g. forms, images, videos) in a popup box, you might need a customizable modal window to overlay the content on the top of page.
Check out our Modal & Popup section for more information.