Avatar for Username

Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

This thread was archived. Please ask a new question if you need help.

How can I stop textarea elements from being resizable?

  • 2 replies
  • 71 have this problem
  • 15 views
  • Last reply by pr0jectile

Eraesr
Eraesr
more options

I've noticed that in Firefox 4, text areas are made resizable. While this is in general a nice feature, I want to be able to stop users from doing this in my web application. Is this possible?

I've noticed that in Firefox 4, text areas are made resizable. While this is in general a nice feature, I want to be able to stop users from doing this in my web application. Is this possible?

All Replies (2)

Raine Dragon
Raine Dragon
more options

in your CSS:

textarea {resize:none}

pr0jectile
pr0jectile
more options

While this feature is really neat, I think this feature needs to be reconsidered a little from the browser's point. It should at least be able to stay in the div's maximum width and not be able to stretch outside it. Take the YouTube comment box for example. If you resize the box width-wise, it goes behind the related videos (outside of its div area) and if you let go of it, you can't get it back to normal without refreshing. The resizeable gripper should be set to maximum width on div but on height should be left as it is. Please fix this issue so that the web developers don't have to implement the extra line of code. Thanks. (see image below).