Constraining resizable textareas


Posted by Andrew McCombe on Fri Jul 16, 2010

The new crop of web browsers such as Safari, Chrome(ium) and Firefox 4 allow the user to resize textareas by using a handle at the bottom right.   It is possible to restrict the size that the user can resize the textarea to using css min/max width/heights.

textarea {
   width: 250px;
   height: 100px;
   min-width: 150px;
   min-height: 50px;
   max-width: 500px;
   max-height: 500px;
}