hanna/fabrica

feat(web): close clone/branch dropdowns on outside click or Escape

a1ed23e · hanna committed on 2026-07-25

Native <details> menus stay open until re-clicked; close any open clone or
branch dropdown when a click lands outside it, and on Escape. The no-JS
fallback (second-click to close) is unchanged.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

Signed by hannaSSH key fingerprint: SHA256:4g9cWhkAAw8gwqhJUcVbSnGEvdGwklW+1Aa/fMUu59k

assets/fabrica.js +13 −0

@@ @@ -46,6 +46,16 @@ @@
     if (picker.form) picker.form.submit();
   });
   // ---- Dropdowns (details-based popovers) ----
   // Native <details> stays open until its summary is clicked again; close any
   // open menu when a click lands outside it. Without JS the menus still work,
   // they just close on a second summary click.
   document.addEventListener("click", function (e) {
     document.querySelectorAll("details.clone-menu[open], details.branch-menu[open]").forEach(function (d) {
       if (!d.contains(e.target)) d.removeAttribute("open");
     });
   });
   // ---- Clipboard buttons ----
   document.addEventListener("click", function (e) {
     var btn = e.target.closest("[data-clipboard]");
@@ @@ -81,6 +91,9 @@ @@
+      }
     } else if (e.key === "Escape") {
       toggleDrawer(false);
       document.querySelectorAll("details.clone-menu[open], details.branch-menu[open]").forEach(function (d) {
         d.removeAttribute("open");
       });
+    }
   });
 })();