fix(gcds-textarea): Properly set value in shadow-root textarea (#730)

fix(gcds-textarea): Properly set value in shadowroot textarea
cds-snc · Jan 10, 2025 · c3f18e6 · c3f18e6
1 parent a00e60d
commit c3f18e6
Showing 1 changed file with 9 additions and 0 deletions.
diff --git a/packages/web/src/components/gcds-textarea/gcds-textarea.tsx b/packages/web/src/components/gcds-textarea/gcds-textarea.tsx
@@ -124,6 +124,14 @@ export class GcdsTextarea {
    */
   @Prop({ mutable: true }) value?: string;
 
+  /**
+   * Set value on internal textarea to allow proper resets
+   */
+  @Watch('value')
+  watchValue(val) {
+    this.shadowElement.value = val;
+  }
+
   /**
    * Array of validators
    */
@@ -200,6 +208,7 @@ export class GcdsTextarea {
     const val = e.target && e.target.value;
     this.value = val;
     this.internals.setFormValue(val ? val : null);
+    this.shadowElement.value = val;
 
     if (e.type === 'change') {
       const changeEvt = new e.constructor(e.type, e);