fix(person): add method focusTextInput to person select (#1653)

equinor · Nov 20, 2024 · ca2ea73 · ca2ea73
1 parent bf61c90
commit ca2ea73
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 0 deletions.
diff --git a/.changeset/funny-turtles-cover.md b/.changeset/funny-turtles-cover.md
@@ -0,0 +1,5 @@
+---
+'@equinor/fusion-wc-person': patch
+---
+
+Add `focusTextInput` method to person-select.
diff --git a/packages/person/src/components/select/element.ts b/packages/person/src/components/select/element.ts
@@ -166,6 +166,14 @@ export class PersonSelectElement
     element: new PersonSelectController(this),
   };
 
+  focusTextInput() {
+    requestAnimationFrame(() => {
+      if (this.textInputElement) {
+        this.textInputElement.focus();
+      }
+    });
+  }
+
   updated(props: Map<string, string | null | undefined>) {
     if (props.has('selectedPerson')) {
       this.controllers.element.attrSelectedPerson(