@nectary/components 4.11.1 → 4.11.2

package/action-menu/index.js

@@ -81,6 +81,13 @@ export class ActionMenu extends NectaryElement {
         top: 0,
         behavior: 'auto'
       });
+    } else {
+      const activeElement = this.#getDeepActiveElement();
+      const isTextInput = activeElement !== null && activeElement.tagName === 'INPUT';
+      if (!isTextInput) {
+        this.focus();
+        this.#selectOption(this.#getFirstOption());
+      }
     }
   };
   #handleKeydown(e) {
@@ -155,6 +162,13 @@ export class ActionMenu extends NectaryElement {
     }
     return this.#getLastOption();
   }
+  #getDeepActiveElement() {
+    let activeElement = this.ownerDocument.activeElement;
+    while (activeElement !== null && activeElement.shadowRoot !== null && activeElement.shadowRoot.activeElement !== null) {
+      activeElement = activeElement.shadowRoot.activeElement;
+    }
+    return activeElement;
+  }
   #selectOption($option) {
     const hasRows = this.hasAttribute('rows');
     for (const $op of this.#getOptionElements()) {
@@ -166,6 +180,15 @@ export class ActionMenu extends NectaryElement {
         });
       }
     }
+    if ($option !== null) {
+      $option.focus();
+      $option.onmouseover = e => {
+        if (e.defaultPrevented) {
+          return;
+        }
+        this.#selectOption(null);
+      };
+    }
   }
   #getOptionElements() {
     return this.#$optionSlot.assignedElements();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nectary/components",
-  "version": "4.11.1",
+  "version": "4.11.2",
   "files": [
     "**/*/*.css",
     "**/*/*.json",