Disable Safari’s Textarea Grip
A while ago an update to Safari enabled users to drag the bottom right corner of a text area and re size it to their hearts delight.
While some users may have good reason to increase the area, the majority of users would hardly notice the new feature let alone take advantage of it. Still others would simply abuse it and expand it to an unreasonable proportion.
Resizing the textarea box creates no real damage to the structure of a web page, it just appears grotesque and the designer in me cannot have that all. The solution below is purely for cosmetic purposes.
To restrict the user from manipulating the size of the textarea a maximum width and height in the style property for that element must be specified. These must accompany the usual dimension styles of width and height.
textarea{
max-width:500px;
max-height:400px;
width:500px;
height:400px;
}
This solution is for the CSS Level 2 Specification. The CSS Level 3 Spec. solution is to simply add the following.
textarea{
resize:none;
}
