On https://github.com/Sage/carbon/issues/6860 a change was made to make minHeight configurable for the TextArea component, this goes some way to allowing the component to align with other similar text inputs.
Unfortunately, with the rows prop set to 1 - the minimum number of text rows is still 2.
This means the component can still not easily be used alongside others like TextBox due to the height and rows difference.
Suggested solution
Allow 1 row of text in the TextArea component. After 1 row the field could expand or be scrollable.
Demo URL
No response
Alternatives
No response
Additional context
@ljemmo Has confirmed that this requirement would be fine as long as the a default is set.
Worth noting that since rows: 1 is already supported but restricts to a 2 row minimum, a different value may need to be used to actually support just 1 row without being a breaking change for those who have already implemented with 1.
Confidentiality
[X] I confirm there is no confidential or commercially sensitive information included.
nuria1110
commented
6 days ago
Description
On https://github.com/Sage/carbon/issues/6860 a change was made to make minHeight configurable for the TextArea component, this goes some way to allowing the component to align with other similar text inputs.
Unfortunately, with the
rowsprop set to1- the minimum number of text rows is still 2.This means the component can still not easily be used alongside others like TextBox due to the height and rows difference.
Suggested solution
Allow 1 row of text in the TextArea component. After 1 row the field could expand or be scrollable.
Demo URL
No response
Alternatives
No response
Additional context
@ljemmo Has confirmed that this requirement would be fine as long as the a default is set.
Worth noting that since
rows: 1is already supported but restricts to a 2 row minimum, a different value may need to be used to actually support just 1 row without being a breaking change for those who have already implemented with 1.Confidentiality