@bobfrankston/rmfmail 1.1.161 → 1.1.162

package/client/app.ts

@@ -3371,6 +3371,7 @@ viewBtn?.addEventListener("click", (e) => {
     // it renders in the expected position-absolute location.
     restoreToolbarDropdown("view-dropdown", "view-menu");
     if (viewDropdown) viewDropdown.hidden = !viewDropdown.hidden;
+    refreshToolbarOverlayShield();
 });
 // Capture-phase pointerdown so we run BEFORE any handler that calls
 // stopPropagation. The earlier bubble-phase click listener missed clicks
@@ -3391,7 +3392,45 @@ document.addEventListener("pointerdown", (e) => {
     if (settingsDropdown && !settingsDropdown.hidden && !target.closest("#settings-menu") && !target.closest("#settings-dropdown")) {
         settingsDropdown.hidden = true;
     }
+    refreshToolbarOverlayShield();
 }, true);
+
+// Click-to-dismiss for the toolbar dropdowns relies on `pointerdown` firing
+// on the parent document. Clicks inside the compose iframe stay in the
+// iframe's document and never bubble out, so a Settings/View menu opened
+// over compose used to stay stuck until the user hit Escape or the toolbar
+// button again. Shield the overlay with a transparent fullscreen catcher
+// while any toolbar dropdown is open — its pointerdown lands here in the
+// parent doc, triggering the same outside-click close. The shield sits
+// above compose (z 1600) but below the dropdown itself (z 2000).
+function refreshToolbarOverlayShield(): void {
+    const dropdownOpen = ["settings-dropdown", "view-dropdown", "restart-dropdown"]
+        .some(id => {
+            const el = document.getElementById(id);
+            return el && !el.hidden;
+        });
+    const hasOverlay = !!document.querySelector(".compose-overlay, .popout-overlay");
+    let shield = document.getElementById("tb-overlay-shield");
+    if (dropdownOpen && hasOverlay) {
+        if (!shield) {
+            shield = document.createElement("div");
+            shield.id = "tb-overlay-shield";
+            shield.style.cssText = "position:fixed;inset:0;z-index:1999;background:transparent;";
+            shield.addEventListener("pointerdown", (ev) => {
+                ev.preventDefault();
+                ev.stopPropagation();
+                for (const id of ["settings-dropdown", "view-dropdown", "restart-dropdown"]) {
+                    const dd = document.getElementById(id);
+                    if (dd) dd.hidden = true;
+                }
+                shield?.remove();
+            });
+            document.body.appendChild(shield);
+        }
+    } else if (shield) {
+        shield.remove();
+    }
+}
 // Escape always closes any open dropdown/backdrop, regardless of how it was
 // opened or whether an outside-click handler missed firing. Last-resort
 // escape hatch for the "stuck modal" case.
@@ -3406,7 +3445,10 @@ document.addEventListener("keydown", (e) => {
     if (bd) { bd.remove(); closed = true; }
     const themeSub = document.getElementById("theme-submenu");
     if (themeSub && !themeSub.hidden) { themeSub.hidden = true; closed = true; }
-    if (closed) e.preventDefault();
+    if (closed) {
+        e.preventDefault();
+        refreshToolbarOverlayShield();
+    }
 });
 
 // Restore saved view settings
@@ -4385,6 +4427,7 @@ settingsBtn?.addEventListener("click", (e) => {
     if (restartDd) restartDd.hidden = true;
     restoreToolbarDropdown("settings-dropdown", "settings-menu");
     if (settingsDropdown) settingsDropdown.hidden = !settingsDropdown.hidden;
+    refreshToolbarOverlayShield();
 });
 // Close handled by the shared document click handler above
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bobfrankston/rmfmail",
-  "version": "1.1.161",
+  "version": "1.1.162",
   "description": "Local-first email client with IMAP sync and standalone native app",
   "type": "module",
   "main": "bin/mailx.js",
@@ -38,7 +38,7 @@
   "dependencies": {
     "@bobfrankston/iflow-direct": "^0.1.50",
     "@bobfrankston/mailx-host": "^0.1.13",
-    "@bobfrankston/mailx-imap": "^0.1.63",
+    "@bobfrankston/mailx-imap": "^0.1.64",
     "@bobfrankston/mailx-store-web": "^0.1.24",
     "@bobfrankston/mailx-sync": "^0.1.19",
     "@bobfrankston/miscinfo": "^1.0.12",
@@ -118,7 +118,7 @@
     "dependencies": {
       "@bobfrankston/iflow-direct": "^0.1.50",
       "@bobfrankston/mailx-host": "^0.1.13",
-      "@bobfrankston/mailx-imap": "^0.1.63",
+      "@bobfrankston/mailx-imap": "^0.1.64",
       "@bobfrankston/mailx-store-web": "^0.1.24",
       "@bobfrankston/mailx-sync": "^0.1.19",
       "@bobfrankston/miscinfo": "^1.0.12",