[Bug]: textarea cols not working as expected

Package

@carbon/react

Browser

No response

Package version

latest

React version

latest

Description

When adjusting the cols in <TextArea> nothing is changing. I would expect the width of the <TextArea> to shrink or grow depending on the number set to cols.

rows works as expected.

when removing the min-width and width: 100% then the <TextArea> adjusts as expected

Suggested Severity

Severity 4 = Unrelated to a user task, has a workaround or does not need a workaround.

Reproduction/example

https://codesandbox.io/s/vigorous-knuth-vsff4p?file=/src/App.js

Steps to reproduce

Go to the example and try changing the number of cols.

Then try adjusting the styles like mentioned above and see how it then does shrink/grow

Code of Conduct

• I agree to follow this project’s Code of Conduct
• I checked the current issues for duplicate problems

[tw15egan]

@ariellalgilmore Yes I believe that is the design spec

[tw15egan]

@tay1orjones I would imagine it’s just to conform with other form elements that they expand to fill their container. We could probably update this to be an inline style and not apply the inline style if the col prop is passed down.