fix(TextArea): disallow resize if cols are specified (#13069)

Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>
carbon-design-system · Feb 8, 2023 · 8edafa0 · 8edafa0
1 parent 8cb0ba1
commit 8edafa0
Show file tree

Hide file tree

Showing 2 changed files with 1 addition and 8 deletions.
diff --git a/packages/react/src/components/FluidTextArea/FluidTextArea.stories.js b/packages/react/src/components/FluidTextArea/FluidTextArea.stories.js
@@ -61,8 +61,6 @@ export const Default = () => (
   <FluidTextArea
     labelText="Text Area label"
     placeholder="Placeholder text"
-    cols={50}
-    rows={4}
     id="text-area-1"
   />
 );
@@ -72,26 +70,20 @@ export const DefaultWithLayers = () => (
     <FluidTextArea
       labelText="Text Area label"
       placeholder="Placeholder text"
-      cols={50}
-      rows={4}
       id="text-area-1"
     />
     <br />
     <Layer>
       <FluidTextArea
         labelText="Text Area label"
         placeholder="Placeholder text"
-        cols={50}
-        rows={4}
         id="text-area-1"
       />
       <br />
       <Layer>
         <FluidTextArea
           labelText="Text Area label"
           placeholder="Placeholder text"
-          cols={50}
-          rows={4}
           id="text-area-1"
         />
       </Layer>

diff --git a/packages/react/src/components/TextArea/TextArea.js b/packages/react/src/components/TextArea/TextArea.js
@@ -119,6 +119,7 @@ const TextArea = React.forwardRef(function TextArea(
   useIsomorphicEffect(() => {
     if (other.cols) {
       textareaRef.current.style.width = null;
+      textareaRef.current.style.resize = 'none';
     } else {
       textareaRef.current.style.width = `100%`;
     }