fix(textarea): fixes default textarea width to be 100%

Fixes the default area to be 100% if cols is not specified fix #30
freshworks · May 7, 2020 · b475c35 · b475c35
1 parent ef9253a
commit b475c35
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 0 deletions.
diff --git a/src/components/textarea/textarea.scss b/src/components/textarea/textarea.scss
@@ -134,3 +134,8 @@ label {
 ::-ms-input-placeholder {
   color: var(--color-smoke-300);
 }
+
+.responsive {
+  width: 100%;
+  box-sizing: border-box;
+}
diff --git a/src/components/textarea/textarea.tsx b/src/components/textarea/textarea.tsx
@@ -142,6 +142,9 @@ export class Textarea {
             [this.state]: true,
           }}>
             <textarea
+              class={{
+                'responsive': this.cols === undefined,
+              }}
               ref={input => this.nativeInput = input}
               disabled={this.disabled}
               name={this.name}