Comments on: Turn off resize textarea in Chrome & Safari

By: Jotun

Jotun — Fri, 31 Jul 2009 20:44:59 +0000

Thanks for the help.
However, I had a little bit of difficulty. Using Chrome 2.0.172.37, implementing either the max-height and max-width values equal to the original dimensions of the textarea somehow only led to the textarea being resizeable in one direction (horizontally, if the max-width was the first declaration in the code or vertically if max-height came first). And when only putting in the resize: none; to the style (not maximum dimension values), the textarea was resizeable. But when adding both the resize: none; and maximum dimension values, the textarea remained fixed.

Here’s my code:

#note_edit_pane{
width: 600px;
height: 450px;

resize: none;
max-width: 600px;
max-height: 450px;
}

….

After messing around a bit more with the code, it appears as if the html comment makes the next line of code be ignored. Using a css comment /* */, however, it fixes the problem. d’oh.

On a side note, I’m writing this post in chrome in a text area, that ironically, can be resized to the extent that it breaks the page.

By: Norman

Norman — Sat, 04 Jul 2009 17:24:05 +0000

thanks a lot. what an annoying “feature”. :)

By: XBS from Forex Service

XBS from Forex Service — Fri, 26 Jun 2009 01:21:40 +0000

Thank you very much. Worked like a charm. Now I’ve finally fixed my registration form.

By: Danish Backer

Danish Backer — Fri, 19 Jun 2009 10:13:59 +0000

Thanks a lot!
It worked.

One more help needed
How to remove yellow highlight in chrome?

By: ZAM

ZAM — Mon, 06 Apr 2009 11:55:26 +0000

Very nice, thanks for the help…!!

By: Igor Skomorokh

Igor Skomorokh — Wed, 18 Mar 2009 14:48:06 +0000

Thank you very much! Very helpful info.