zurb/foundation — Issue #352: Resizing of textarea in Webkit
Author: tixz
Created: 2012-02-25 00:18:08+00:00
State: open

Consider adding this css rule near "Text input and textarea sizes"

textarea {max-width: 100%;}

It will prevent textareas from being resized beyond the width of their parent element. I don't know how cross-browser compatible this is, but it works as far as I have tested in the webkit browsers I have available (newest safari, chrome and iOS simulator on OS X Lion). It might also be worth considering adding a ```.locked```class like this:

textarea.locked	{ max-width: 254px;}
textarea.locked.small { max-width: 134px; }
textarea.locked.medium { max-width: 254px; }
textarea.locked.large	{ max-width: 434px; }
textarea.locked.expand { max-width: 100%; }