Carbon: invalid textarea width

[SpikedKira]

in the examples on https://www.carbondesignsystem.com/components/text-input/code/ the invalid (validity error) textarea example is 24px wider than the others. I assume this is a mistake

[alisonjoseph]

I think this is actually an issue w/ the component. The invalid class adds padding, which is making it wider than normal.

[emyarod]

I think this is a non issue unless we want to set a fixed default width on the component

[tw15egan]

Can't we just add the extra padding to the basic textarea?

Curious what @carbon-design-system/design thinks of this solution

[emyarod]

I believe we wanted to avoid the extra right padding for valid textareas (from a discussion...back when I added the invalid icon during the v10 update), but maybe our stance has changed on that

[aagonzales]

I'm not sure how it should technically work but if this was in a form we wouldn't want the invalid field to be longer than the valid fields. Will the invalid state always increase in width? If yes, then I think we need to re-think the internal padding.

[tw15egan]

Unless a smaller width is specified on the container (bx--form--item), the invalid will be larger when there is no width specified. Link to example

A user could fix this by adding width to their form items. Here is an example with a specified 300px width on form items:

[aagonzales]

Ok, I'm wondering if we should just specify it in the example so users know that the invalid and valid widths should have width parity.

[tw15egan]

Since TextArea is now full width of the container (https://github.com/carbon-design-system/carbon/pull/4995), this shouldn't be an issue anymore. Will be reflected on the website once the package is updated.