@fluid-topics/ft-text-field 2.2.25 → 2.2.27

package/build/ft-text-field.d.ts

@@ -44,6 +44,8 @@ export declare class FtTextField extends FtTextField_base implements FtTextField
     suggestionsContainer?: HTMLElement;
     providedSuggestionsInDom: FtTextFieldSuggestion[];
     slottedSuggestions: FtTextFieldSuggestion[];
+    private showSuggestionsOnFocus;
+    focusWithoutSuggestions(): void;
     focus(): void;
     blur(): void;
     protected render(): import("lit").TemplateResult<1>;

package/build/ft-text-field.js

@@ -35,9 +35,10 @@ export class FtTextField extends toFtFormComponent(FtLitElement) {
         this.focused = false;
         this.inputValid = true;
         this.hidePassword = true;
-        this.hideSuggestions = false;
+        this.hideSuggestions = true;
         this.visibleSuggestions = [];
         this.providedSuggestions = [];
+        this.showSuggestionsOnFocus = true;
     }
     /*
      * We prevent lit from creating setter and getter to differentiate
@@ -59,6 +60,11 @@ export class FtTextField extends toFtFormComponent(FtLitElement) {
         this.setFormValue(this._value);
         this.requestUpdate("value", oldValue);
     }
+    focusWithoutSuggestions() {
+        this.showSuggestionsOnFocus = false;
+        this.focus();
+        this.showSuggestionsOnFocus = true;
+    }
     focus() {
         var _a;
         (_a = this.input) === null || _a === void 0 ? void 0 : _a.focus();
@@ -207,10 +213,10 @@ export class FtTextField extends toFtFormComponent(FtLitElement) {
             || props.has("suggestionsProvider")) {
             this.updateSuggestions();
         }
-        if (props.has("value") && props.get("value") != null) {
+        if (props.has("value") && this.value) {
             this.hideSuggestions = false;
         }
-        if (props.has("dispatchedValue") && props.get("dispatchedValue") != null) {
+        if (props.has("dispatchedValue")) {
             this.hideSuggestions = true;
         }
     }
@@ -243,13 +249,9 @@ export class FtTextField extends toFtFormComponent(FtLitElement) {
         if (this.newValueSuggestion) {
             this.visibleSuggestions = [...this.visibleSuggestions, this.newValueSuggestion];
         }
-        this.hideSuggestions = this.visibleSuggestions.length <= 0;
     }
     contentAvailableCallback(props) {
         super.contentAvailableCallback(props);
-        if (props.has("focused") && !this.hideSuggestions && this.visibleSuggestions.length > 0) {
-            this.setSuggestionPosition();
-        }
         if (props.has("providedSuggestions") && this.suggestionsProvider) {
             this.visibleSuggestions = [...this.providedSuggestionsInDom];
         }
@@ -336,10 +338,9 @@ export class FtTextField extends toFtFormComponent(FtLitElement) {
         }
     }
     onSuggestionSelected(event) {
-        var _a;
         this.setValue(event.detail, true);
-        (_a = this.input) === null || _a === void 0 ? void 0 : _a.focus();
-        setTimeout(() => this.hideSuggestions = true, 0);
+        this.focusWithoutSuggestions();
+        this.hideSuggestions = true;
     }
     onSuggestionRemoved() {
         // update suggestions after all handlers processed the event
@@ -347,7 +348,9 @@ export class FtTextField extends toFtFormComponent(FtLitElement) {
     }
     onFocus() {
         this.focused = true;
-        this.hideSuggestions = false;
+        if (this.showSuggestionsOnFocus) {
+            this.hideSuggestions = false;
+        }
     }
     onMainPanelBlur() {
         var _a, _b;