@fluid-topics/ft-search-input 2.2.31 → 2.2.32

package/build/ft-search-input.d.ts

@@ -36,8 +36,7 @@ export declare class FtSearchInput extends FtSearchInput_base implements FtSearc
     private onClick;
     private showSuggestionsOnFocus;
     private onFocus;
-    focusInput(showSuggestions?: boolean): Promise<void>;
-    connectedCallback(): Promise<void>;
+    connectedCallback(): void;
     contentAvailableCallback(props: PropertyValues<this>): void;
     private onPointerDown;
 }

package/build/ft-search-input.js

@@ -5,7 +5,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { html, nothing, } from "lit";
-import { ignoreComposingEvents, isTouchScreen, noTextInputDefaultClearButton, redux, screenReaderStyles, waitFor, } from "@fluid-topics/ft-wc-utils";
+import { FocusHelper, ignoreComposingEvents, noTextInputDefaultClearButton, redux, screenReaderStyles, } from "@fluid-topics/ft-wc-utils";
 import { styles } from "./ft-search-input.styles";
 import { FtSearchComponent } from "@fluid-topics/ft-search-context/build/registration";
 import { withI18n } from "@fluid-topics/ft-i18n";
@@ -210,16 +210,16 @@ export class FtSearchInput extends withI18n(FtSearchComponent) {
         }
         this.forceCloseSuggestion = false;
     }
-    async focusInput(showSuggestions = true) {
-        this.showSuggestionsOnFocus = showSuggestions;
-        await waitFor(() => this.input, 50);
-        this.input.focus();
-        this.showSuggestionsOnFocus = true;
-    }
-    async connectedCallback() {
+    connectedCallback() {
         super.connectedCallback();
-        if (this.focusOnDisplay && !isTouchScreen) {
-            this.focusInput(false);
+        if (this.focusOnDisplay) {
+            this.updateComplete.then(() => {
+                if (this.input && FocusHelper.allowAutoFocus(this.input)) {
+                    this.showSuggestionsOnFocus = false;
+                    this.input.focus();
+                    this.showSuggestionsOnFocus = true;
+                }
+            });
         }
     }
     contentAvailableCallback(props) {