Control re-sizing Textarea in Chrome, safari, and other web-kit browsers

April 3, 2009

We know web-kit browsers like Google Chrome and Safari displays textarea with re-sizable functionality. This is really a cool feature, but still it stinks in specific scenarios when resulting in layout collapse.

CSS 3 offers a solution:
we can stop resizing the textarea by the following CSS rule,

textarea {resize:none;}

Yes, resizing can be done for other elements also…

Further reading:

http://www.css3.info/preview/resize/
http://www.w3.org/TR/css3-ui/#resizing


Follow

Get every new post delivered to your Inbox.