Textarea widget

We have multiple text-area's on a page with the option "Grow automatically” set on "Yes”. It seems that all the textareas inherit the height of the first textarea. When you edit the text inside the textarea and then click outside the textarea the height gets adjusted to a height that matches the amount of text. Is there a fix for this?
2 answers


I am not facing that issue, but I also have the minimum size set to Yes on the appearance tab, maybe that’s why I’m not facing the issue. 

If you don’t mind having a minimum size of 5 rows for the text-grow inputs, try that and let me know if it works.

One issue you might face is when you have a validation error on the input. The input will shrink. To fix that, add this on your Scss file:


.form-horizontal .textarea-autogrow.form-group.no-columns:not(.label-after) {

    flex-direction: initial;

    flex-wrap: wrap;



Best regards,


Hey João,


Thanks for your input! Can you elaborate on the minimum size, i don't see that option in the Text area options?