Opening The Dialog Element As A Fly-out Sidebar
A technical exploration of styling the native HTML <dialog> element to function as a fly-out sidebar, overriding default browser styles.
A technical exploration of styling the native HTML <dialog> element to function as a fly-out sidebar, overriding default browser styles.
A technical exploration of the native HTML <dialog> element, covering its modal and non-modal states, accessibility benefits, and usage.
Explains the HTML <dialog> element, its native focus trapping, modal/non-modal usage, and the ::backdrop pseudo-element.
Explores a technical limitation in new web APIs where a popover element cannot be interacted with when placed above a modal dialog, discussing workarounds and spec issues.
Overview of key new features and changes in the official HTML 5.2 specification, including the native <dialog> element and Payment Request API for iframes.
A guide to building a reusable, accessible modal component in React using the modern HTML <dialog> element.