jQuery.SA = {
resizeArea : function ( t ) {

var lines = t.value.split(‘\n’) || [];
var newRows = lines.length;
var oldRows = t.rows;
var len = 20;//minimum width of textarea
for (var i = 0; i = t.cols) {
newRows += Math.floor(line.length / t.cols);
}
len = Math.max(len, line.length);
}
if (len>80) len = 80;//maximum width of textarea
t.cols = len;
if (newRows > t.rows) t.rows = newRows;
if (newRows < t.rows) t.rows = Math.max(3, newRows);
}
}

My own jQuery.SA with the adjustments.

jQuery.SA = {
resizeArea : function ( t ) {

var lines = t.value.split(‘\n’) || [];
var newRows = lines.length;
var oldRows = t.rows;

for (var i = 0; i = t.cols) {
newRows += Math.floor(line.length / t.cols);
}
if (line.length >20) t.cols = Math.min(100, line.length);
}
if (newRows > t.rows) t.rows = newRows;
if (newRows < t.rows) t.rows = Math.max(3, newRows);
}
}

One note — in FF (I didn’t test this in other browsers before fixing it), scrollbars flicker on and off each time a new line is created. I added ‘overflow: hidden’ to my textareas’ css to prevent this.

.scroll(function(){ jQuery.SA.resizeArea( this ); } )

right after the .keyup line, so it will handle resizing when someone right-clicks and selects “paste”, causing scroll bars to appear.

mike, try something like this.
$(“textarea”).smartArea();