Back to all features
Open for signals HTML elements Interop 2026

<dialog closedby>

The closedby HTML attribute for <dialog> sets which user actions close a dialog. For example, closedby="any" allows the dialog to be closed by clicking outside of it.

Modern Web Guidance

How Modern Web Guidance uses this feature

Enables declarative light dismiss on backdrop clicks and Escape key presses on <dialog> elements using closedby="any" and closedby="closerequest".

Recommended fallback strategy

For browsers lacking native closedby attribute support on <dialog>, implement a click listener on the dialog backdrop (::backdrop) and an Escape key handler to call dialog.close().

Related use cases

Summary synthesized from Modern Web Guidance (opens in new tab). Read the related use cases for full, human-authored guidance.

Community use cases (0)

No use cases submitted yet

Be the first developer to describe your production use case and shape browser priorities!

Signing in with GitHub allows you to cast one-click upvotes and submit structured use cases directly to the web-platform-dx/developer-signals repository.

Our GitHub App only requests access to issue discussions. It never requests or has access to your personal repositories or code.
Sign in with GitHub
Strict feedback template: Please be as concrete as possible. Specific examples from your production apps or projects provide the highest-value signal to standards editors and browser engineers.
Add your specific real-world use cases, even if they seem obvious to you.
0 / 5000 (min 10)
Are you having to use another feature instead, a polyfill, or is it blocking you completely? Why are the alternatives worse?
0 / 5000 (min 10)
Markdown formatting is supported.