Comments on: Turn off resize textarea in Chrome & Safari

By: Mekey Salaria

Mekey Salaria — Mon, 16 Jan 2012 16:53:58 +0000

Thank you so much..
it worked for Mozilla Firefox as well!! :))

By: Mekey Salaria

Mekey Salaria — Thu, 15 Dec 2011 07:38:37 +0000

Thanks! It even worked for Mozilla Firefox!! :)

By: Germán

Germán — Tue, 04 Oct 2011 14:45:05 +0000

Thanks for the tip!!

By: ReBirthal

ReBirthal — Sun, 02 Oct 2011 04:00:59 +0000

Thank you very much.
You solved my problems.
It's very useful. ^^"

By: Brett

Brett — Wed, 21 Sep 2011 20:11:17 +0000

@enrico IE does not give the user the option to re-size the textarea so this solution is not needed for IE.

By: enrico

enrico — Wed, 21 Sep 2011 04:24:14 +0000

Very good tips, unfortunately half of this planet still uses i.e while using internet, so this is not crossbroweser, meaning that a lot of users will still be able to resize the textarea changing the content flow of the entire page

By: Felipe Mota

Felipe Mota — Tue, 06 Sep 2011 22:21:39 +0000

But this code works on Firefox too, right?

By: Beraki

Beraki — Thu, 01 Sep 2011 06:29:50 +0000

cool thanks

By: Felipe Mota

Felipe Mota — Fri, 05 Aug 2011 15:48:35 +0000

Yes, I was wondering about that feature. Thanks! :)

By: OMA

OMA — Thu, 14 Jul 2011 15:49:03 +0000

I hope not too many people follow the "resize: none" route. Why give less functionality and usability to your users?

Textareas are supposed to be used when a long text string needs to be written (for example, a contact form), and I hate writing a long text in a tiny letterbox area with only 3 or 4 lines visible at a time (similarly, I find incredibly cumbersome to read terms & conditions in a similarly sized area, and most of them are like that; no wonder nobody reads it!). Specially I hate it when I have a large 24 inch monitor, but still I have to be constrained to writing in a ridiculously tiny space.

I think the best compromise is using ONLY the "max-width" attribute to constrain what the user can resize. That way, resizing the textarea horizontally won't break your great CSS layout, but still the user can resize vertically to accomodate more text without the need to scroll. If you use a liquid layout, and any good CSS designer should, if should be no problem to have a vertically resizable textarea.