Tag

#dialog

Tagged “dialog”

4 articles

Whether a dialog closes on outside click is a task question, not a style question

Adrian Roselli sorts modal close behaviour into three buckets — action required, no action required, and weird patterns — and argues you should pick a light-dismiss policy based on what the user came to do, not on how the dialog looks.

Aug 13, 2026 · Marcus Osei Accessibility & semantics

The 'blocked aria-hidden' warning is telling you the truth

A new CSS-Tricks piece by Durgesh Rajubhai Pawar argues the browser is right to complain when you hide a focused region — and every popular workaround for the warning just moves the bug somewhere quieter. The fix is a reordering, not a new attribute.

Aug 12, 2026 · Marcus Osei CSS & layout

Styling the dialog element: open is not the same as modal

A CSS-Tricks walkthrough by Geoff Graham lays out the styling model for HTML's dialog element — the modal-versus-non-modal split, three overlapping pseudo-classes, and where the animations plug in.

Aug 8, 2026 · Iris Calderón Browser releases

Safari Technology Preview 249 drops attr(), if(), @function, popover=hint and Temporal in one build

WebKit's July 29 preview stacks nine CSS additions, a new HTML popover value, the dialog closedby attribute, and the JavaScript Temporal object into a single release — one of the feature-densest STP drops of the year for hand-authored HTML and CSS.

Jul 30, 2026 · Dex Halloran