diff --git a/packages/stencil-library/src/components/dnn-autocomplete/dnn-autocomplete.tsx b/packages/stencil-library/src/components/dnn-autocomplete/dnn-autocomplete.tsx
index a0a2a12df..5b7d22777 100644
--- 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
index d78366351..6c42f1f56 100644
--- 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`;
   }