I think I successfully updated the backend of my website today. You should notice nothing.
I also tried to add light dismiss to my preferences dialog and found that I need to update it a bit more. Ah well.
Discussion
I think I successfully updated the backend of my website today. You should notice nothing.
I also tried to add light dismiss to my preferences dialog and found that I need to update it a bit more. Ah well.
@cwilcox808 It survived 4 years or so where people needed to click the close button, so I guess Safari users can wait a little longer.
Good tip with the scrollbar gutter.
@cwilcox808 And the scrollbar is guttered :-D
@yatil
Huh, despite `closedby=any` being in Interop 2026, Safari doesn't support it yet (work in Technology Preview). There is a closedby polyfill but just handling clicking outside can be minimal JS.
Unrelated, I would consider adding `html { scrollbar-gutter: stable; }` so the layout of the body doesn't shift when the dialog is open (due to overflow being hidden).
https://github.com/tak-dcxi/dialog-closedby-polyfill
https://nerdy.dev/closedby-any
Adam Argyle
GitHub - tak-dcxi/dialog-closedby-polyfill: A polyfill for the HTMLDialogElement closedBy attribute, providing control over how modal dialogs can be dismissed.