light dismiss für dialog in Chrome 134

[Matthias Scharwies]

Servus!

eigentlich warte ich ja auf die command und commandfor-Attribute, um dialog ohne JS zu öffnen.

Heute hat mich Manuel Matuzović überrascht:

https://matuzo.at/blog/2025/close-requests-dialog?u=1

Das Schließen ohne JS geht so in allen Browsern:

<dialog>
   <form method="dialog">
     <button>close</button>
   </form>
   <h1>Hello World</h1>
</dialog>

Ein light dismiss (Klick auf die Fläche außerhalb des Dialogs) geht in Chrome 134 mit:

<dialog closedby="any">
   <h1>Hello World</h1>
</dialog>

Da muss das entsprechende Tutorial bald überarbeitet werden!

Herzliche Grüße

Matthias Scharwies