HTML Dialog Element

Notes

• dialog element should be a direct child of the body to avoid stacking problems
• dialog-container div is needed to know if the backdrop was clicked, there is not a custom event to check it
• dialog element is always center to the current viewport when opened, on scroll will maintain the opened position
• open a dialog doesn't lock the content scroll
• CSS polyfill backdrop polyfill styling has to be in a different CSS block