Merge pull request #1185 from valadas/label-float-autocomplete

Fixed an issue where label would cover text in dnn-autocomplete
DNNCommunity · Sep 30, 2024 · f9713b9 · f9713b9
2 parents f7b2fac + 286351c
commit f9713b9
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/packages/stencil-library/src/components/dnn-autocomplete/dnn-autocomplete.tsx b/packages/stencil-library/src/components/dnn-autocomplete/dnn-autocomplete.tsx
@@ -130,6 +130,7 @@ export class DnnAutocomplete {
 
   private handleInput(e: Event) {
     const value = (e.target as HTMLInputElement).value;
+    this.value = value;
     var valid = this.inputField.checkValidity();
     this.valid = valid;
     this.valueInput.emit(value);
@@ -225,7 +226,7 @@ export class DnnAutocomplete {
         this.selectedIndex = Math.max(this.selectedIndex - 1, 0);
       }
     }
-    this.value = this.suggestions[this.selectedIndex]?.value;
+    this.value = this.suggestions[this.selectedIndex]?.value || this.value;
     if (e.key === "Enter") {
       var selectedItem = this.suggestions[this.selectedIndex];
       this.value = selectedItem.value;

diff --git a/packages/stencil-library/src/components/dnn-textarea/dnn-textarea.tsx b/packages/stencil-library/src/components/dnn-textarea/dnn-textarea.tsx
@@ -84,6 +84,9 @@ export class DnnTextarea {
 
   componentWillLoad() {
     this.labelId = generateRandomId();
+  }
+
+  componentDidLoad() {
     this.textarea.style.minHeight = `${this.rows * 1.5}em`;
   }