Textarea collapses?!?

[jmansa]

I have this expandable textarea which works fine except... Whe a user starts typing it collapses inti 1 row and from there expands as it should even though I have set the rows to 4? How do I get passed this?

<script>
var maxrows=50;

function doResize(box) {
var txt=box.value;
var cols=box.cols;
var arrtxt=txt.split('\n');
var rows=arrtxt.length;
for (i=0;i<arrtxt.length;i++)
  rows+=parseInt(arrtxt[i].length/cols);
if (rows>box.maxrows)
box.rows=box.maxrows;
else
box.rows=rows;
}
</script>

<textarea class="expandtextarea2" id="box1" name="box1" rows=4 cols="56" onkeyup="doResize(this)" onkeydown="doResize(this)">

Thanks in advance...

[RLM2008]

This seems to do the trick

change

var rows=arrtxt.length;

to

var rows=(arrtxt.length<4)?4:arrtxt.length;

RLM

[jmansa]

Thanks... Did the job :-)