IMPLEMENTED: Problem in changing textarea size in all forms

Browser: Chrome 129.0.6668.59
OS: Windows

Hi bricks team,

In all fields of the textarea, if the user drags the width of the field, it can break the structure of the page. Please see the video below.

It seems that this behavior is normal in textarea fields. But can it be solved in bricks?
For example, the width of the textarea should be max-width so that it can only be changed in height, or a new option to disable the possibility of resizing in all elements with textarea (resize: none;).

Hi @HOSEIN,

thanks for your report.

There is no specific control for that, but you can use resize CSS property for this:

For example, this will allow textures to be only resized vertically:

%root% textarea { 
     resize: vertical;
}

You can check this StackOverflow post for more options: html - How to disable textarea resizing? - Stack Overflow or this MDN resource: resize - CSS: Cascading Style Sheets | MDN

2 Likes

Thank you matej,

This works great. But wouldn’t it be better if it were a default behavior in Bricks?

I’m not sure if adding this as a default value would be appropriate. But maybe a control would be, I’ll talk with the team about the possibility of adding this.

I’ll also mark this as a NO BUG, since it’s not really a bug :slight_smile:

Best regards,
Matej

1 Like

Hi,

good news :slight_smile: We will add resize: vertical; as a default to the text area and will add a new “resize” control to the text area field. :slight_smile:

I’ve created a new improvement task in our internal task list. Once released, we will update this topic.

Matej

2 Likes

Thanks for following up Matej​:pray::muscle:

Is this will be added for all elements that have a textarea?

Form, Product reviews and comments elements.

For now, only for a Form element.

However, it might make sense to add this control to other elements. :thinking:

Matej

1 Like

Just a little update: We will add this control to all three elements (Form, Comments, Product reviews) :slight_smile:

–
Matej

1 Like

Nice! thank you Matej :clinking_glasses::pray:

1 Like

Hi guys,

We’ve improved this Bricks 1.11 BETA, now available as a manual download (Bricks – Account)

Please let us know if you are still experiencing issues.

You can see the full changelog here: Bricks 1.11 Changelog – Bricks

As with any beta release, please do not use it on a production/live website. It is only meant for testing in a local or staging environment.

Best regards,
Matej

1 Like