Can't reduce size of textarea in Chrome and Opera Can't reduce size of textarea in Chrome and Opera google-chrome google-chrome

Can't reduce size of textarea in Chrome and Opera


Google Chrome has a some kind of restriction to show content properly to user. Because of that they edited the default actions of resizing on <textarea>. In older versions of chrome there was no restriction.

So if you use height min-height will be your height. So you need to set min-height and max-height only. Height overrides min-height in Chrome.

Here is a simple fiddle: http://jsfiddle.net/gAr72/1/

Edit:

You can see Firefox will work same as Chrome in this fiddle. Height is risky for design btw. Unlimited resizing always breaks the design. So limiting height and width is good option.