focus method for menu-item

umbraco · Apr 22, 2024 · f172ba2 · f172ba2
1 parent e159c43
commit f172ba2
Showing 1 changed file with 9 additions and 0 deletions.
diff --git a/packages/uui-menu-item/lib/uui-menu-item.element.ts b/packages/uui-menu-item/lib/uui-menu-item.element.ts
@@ -113,6 +113,15 @@ export class UUIMenuItemElement extends SelectOnlyMixin(
     demandCustomElement(this, 'uui-loader-bar');
   }
 
+  async focus() {
+    await this.updateComplete;
+    this.shadowRoot
+      ?.querySelector<
+        HTMLButtonElement | HTMLAnchorElement | HTMLSpanElement
+      >('#label-button')
+      ?.focus?.();
+  }
+
   private _labelButtonChanged = (label?: Element | undefined) => {
     this.selectableTarget = label || this;
   };