From: Ardis Lu <ardisglu@gmail.com>
Date: Tue, 23 Jun 2026 05:04:43 +0000 (-0700)
Subject: Simplify dialog close button
X-Git-Url: https://git.ardis.lu/?a=commitdiff_plain;ds=inline;p=minimal-masonry

Simplify dialog close button

Using the Invoker Commands API aligns this button with the change made in 52bf07c95aa1ab46ca3505245a9e390498e184fd and makes the button more semantically correct (it is not submitting a dialog form, it is closing the dialog).
---

diff --git a/index.html b/index.html
index a74bf56..5f55522 100644
--- a/index.html
+++ b/index.html
@@ -147,9 +147,7 @@
     <h1>What is this?</h1>
     <p>This website is a minimal reference implementation of the <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Grid_Layout/Masonry_Layout">masonry layout</a>.</p>
     <p><a href="https://github.com/ardislu/minimal-masonry">Click here</a> to view the source code on GitHub.</p>
-    <form method="dialog">
-      <button>OK</button>
-    </form>
+    <button command="close" commandfor="info-dialog">OK</button>
   </dialog>
 
   <main></main>