fix: textarea invalid icon (#16725)

* fix: textarea invalid icon * Update packages/react/src/components/TextArea/TextArea.tsx Co-authored-by: Alison Joseph <[email protected]> --------- Co-authored-by: Alison Joseph <[email protected]>
carbon-design-system · Jun 13, 2024 · 8dd1cf5 · 8dd1cf5
1 parent 47b909e
commit 8dd1cf5
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 0 deletions.
diff --git a/packages/react/src/components/TextArea/TextArea.tsx b/packages/react/src/components/TextArea/TextArea.tsx
@@ -324,6 +324,7 @@ const TextArea = React.forwardRef((props: TextAreaProps, forwardRef) => {
   const formItemClasses = classNames(`${prefix}--form-item`, className);
 
   const textAreaWrapperClasses = classNames(`${prefix}--text-area__wrapper`, {
+    [`${prefix}--text-area__wrapper--cols`]: other.cols,
     [`${prefix}--text-area__wrapper--readonly`]: other.readOnly,
     [`${prefix}--text-area__wrapper--warn`]: warn,
     [`${prefix}--text-area__wrapper--slug`]: slug,

diff --git a/packages/styles/scss/components/text-area/_text-area.scss b/packages/styles/scss/components/text-area/_text-area.scss
@@ -69,6 +69,11 @@
     position: relative;
     display: flex;
     inline-size: 100%;
+    max-inline-size: 100%;
+  }
+
+  .#{$prefix}--text-area__wrapper--cols {
+    inline-size: auto;
   }
 
   .#{$prefix}--text-area__invalid-icon {