Added fix for properties textarea-rows and textarea-width issues

packages/core/scss/mixins/_input.scss

@@ -120,7 +120,6 @@
 @mixin element-textarea {
   & {
     min-height: 2rem;
-    height: 3.25rem;
     padding: calc(0.375rem - var(--theme-input--border-thickness))
       calc(0.5rem - var(--theme-input--border-thickness));
   }

packages/core/src/components/input/textarea.scss

@@ -55,3 +55,21 @@
     border-color: var(--theme-input--border-color--invalid--active) !important;
   }
 }
+
+:host {
+  textarea:not([rows]) {
+    height: 3.25rem;
+  }
+}
+:host([textarea-width]) {
+    display: block;
+    width: var(--textarea-width);
+}
+
+.input-wrapper {
+  width: 100%;
+}
+
+textarea {
+  width: 100%;
+}

packages/core/src/components/input/textarea.tsx

@@ -174,6 +174,13 @@ export class Textarea implements IxInputFieldComponent<string> {
 
   componentWillLoad() {
     this.updateFormInternalValue(this.value);
+    if (this.textareaWidth) {
+      this.hostElement.style.setProperty(
+        '--textarea-width',
+        this.textareaWidth
+      );
+      this.hostElement.setAttribute('textarea-width', '');
+    }
   }
 
   updateFormInternalValue(value: string) {