Constraining resizable textareas

July 16th, 2010

Warning: This post is 14 years old. Some of this information may be out of date.

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;
}