X
Tap here to go to the mobile version of the site.

Support Forum

How can I stop textarea elements from being resizable?

Posted

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?

Additional System Details

Installed Plug-ins

  • np-mswmp
  • The QuickTime Plugin allows you to view a wide variety of multimedia content in Web pages. For more information, visit the QuickTime Web site.
  • Adobe PDF Plug-In For Firefox and Netscape "9.4.2"
  • NPRuntime Script Plug-in Library for Java(TM) Deploy
  • Google Update
  • Shockwave Flash 10.2 r152
  • GEPlugin
  • QUAKE LIVE
  • Next Generation Java Plug-in 1.6.0_24 for Mozilla browsers
  • 4.0.60129.0
  • wpidetector

Application

  • User Agent: Mozilla/5.0 (Windows NT 6.0; rv:2.0) Gecko/20100101 Firefox/4.0

More Information

Raine Dragon 8 solutions 99 answers

Helpful Reply

in your CSS:

textarea {resize:none}

in your CSS: textarea {resize:none}
pr0jectile 0 solutions 1 answers

Helpful Reply

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).

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).