mnfst 0.5.181 → 0.5.182

package/lib/manifest.dropdowns.js

@@ -173,6 +173,7 @@ function initializeDropdownPlugin() {
 
                     // Re-point the shared menu at whichever trigger opens it (multi-trigger)
                     const pointMenuHere = () => {
+                        menu.__mnfstTrigger = el;
                         const a = el.style.getPropertyValue('--trigger-anchor');
                         if (a) menu.style.setProperty('position-anchor', a);
                     };
@@ -295,14 +296,54 @@ function initializeDropdownPlugin() {
                             document.addEventListener('keydown', (e) => {
                                 if (e.key === 'Escape' && menu.matches(':popover-open')) { closeContext(); el.focus(); }
                             }, { signal });
-
-                            // Close after clicking a menu item
-                            menu.addEventListener('click', (e) => {
-                                if (e.target.closest('li, a, button')) closeContext();
-                            }, { signal });
                         }
                     }
 
+                    // Auto-close on selection: `close` per item, .close for every row
+                    // that isn't an embedded control, `keep-open` to opt back out.
+                    // Context menus auto-close by nature, so .close is implied.
+                    if (modifiers.includes('close') || modifiers.includes('context')) menu.__mnfstAutoClose = true;
+
+                    if (!menu.__mnfstCloseBound) {
+                        menu.__mnfstCloseBound = true;
+
+                        const ROW = 'li, a, button, label, [role=menuitem], [role=option]';
+                        const CONTROL = 'input, select, textarea, [contenteditable]:not([contenteditable=false]), [role=switch], .combobox, [x-dropdown], [popovertarget], [keep-open]';
+
+                        // Close the item's menu plus any menus it was nested in
+                        const closeFrom = (node) => {
+                            let m = node.closest('menu[popover]');
+                            while (m) {
+                                if (m.matches(':popover-open')) m.hidePopover();
+                                m = m.parentElement?.closest('menu[popover]');
+                            }
+                            if (lastInputModality === 'keyboard') (menu.__mnfstTrigger || el).focus?.();
+                        };
+
+                        menu.addEventListener('click', (e) => {
+                            // Explicit opt-in wins over every exclusion below
+                            const opted = e.target.closest('[close]');
+                            if (opted && menu.contains(opted)) return closeFrom(opted);
+                            if (!menu.__mnfstAutoClose) return;
+
+                            // Outermost row between the click target and the menu
+                            let row = null;
+                            for (let n = e.target; n && n !== menu; n = n.parentElement) {
+                                if (n.matches?.(ROW)) row = n;
+                            }
+                            if (!row) return;
+
+                            // A control that *is* the row is a menu item; one nested
+                            // inside it is embedded UI, so leave the menu open
+                            const hit = e.target.closest(CONTROL);
+                            if (hit && hit !== row && row.contains(hit)) return;
+                            if (row.querySelector(CONTROL)) return;
+                            if (row.matches('[role=switch], [x-dropdown], [popovertarget], [keep-open]')) return;
+
+                            closeFrom(row);
+                        });
+                    }
+
                     // Add keyboard navigation handling
                     menu.addEventListener('keydown', (e) => {
                         // Get all navigable elements (traditional focusable + li elements)
@@ -356,11 +397,8 @@ function initializeDropdownPlugin() {
                         } else if (e.key === 'Enter' || e.key === ' ') {
                             // Allow Enter/Space to activate li elements or follow links
                             if (e.target.tagName === 'LI') {
-                                const link = e.target.querySelector('a');
-                                if (link) {
-                                    e.preventDefault();
-                                    link.click();
-                                }
+                                e.preventDefault();
+                                (e.target.querySelector('a') || e.target).click();
                             }
                         }
                     });

package/lib/manifest.integrity.json

@@ -11,7 +11,7 @@
   "manifest.components.js": "sha384-eZDib+RFdwd9mOUdi6o53eNS0LBlEEkZPDegxtkAcE+GrGIFxsuB4O0ymfixGNfM",
   "manifest.data.js": "sha384-3lLvGnqcQr4Ium80MdaQTr8RytjVbs5rnxd0q41BF3ppcoQccMFAcvgFSyZP/0sl",
   "manifest.datepicker.js": "sha384-52BBZdlLN+EATiUorwTEQOWGJZiSNu0voy9q+WQxxWpUeYsGGkuS0QPPXGx2akxG",
-  "manifest.dropdowns.js": "sha384-7DtzNNGKAFzsXLO73x0qifvHxd/o+QSLoENOJA03rBRTDKHvHbXsRoMn1WJvX6VG",
+  "manifest.dropdowns.js": "sha384-UWKzv3CquY1lwl5SpuGLQ9xfGgMsNEfKUmx8HcMTp6B7IrPf+zaye1rYncTMPLkh",
   "manifest.export.js": "sha384-NkqOydcrdQ6qFEcpBKc80JCbeSCuybASrTUGajuTMBrHMzt1OIe8b3ndNn9VfqSh",
   "manifest.icons.js": "sha384-kKOINpX70YzNO3FvkV6umrmO3f0KIu0DNbwB+ej55a7y/lhU7v/myQtXL0bwCTbt",
   "manifest.localization.js": "sha384-MUetuW8PllIM+9JDMw/tx+qGem8t+ZUN5WZpycsTDKtz+LaX4DJehsfh/YZt9J7L",

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "mnfst",
-    "version": "0.5.181",
+    "version": "0.5.182",
     "private": false,
     "workspaces": [
         "templates/starter",