Row="20" seems to be the maximum for Textarea (auto-height)

Question

I have a textarea item with text that extends beyond 20 lines. I want the textarea to display all rows. Textarea (auto-height) works fine until the content requires more than 20 rows.
Is this a limit of Textarea (auto-height)? Any ideas on how to display more than 20 rows.

Answer 1

Hi
In the end, I found out that that code only worked if the page had only one textarea (not my case :-/ ). So I decided to write myself a simpler (though not so bright) solution:
Resizes vertically a textarea based on the size of the text it contains.
NB: Works best with monospaced fonts
function textarea_autoheight(textarea) {
  var c = 0;
  var r = 2;  // (*) IE does not seem to work well with
              // textarea.rows so we need one more empty line at the end
  var t = textarea.value;
  for(var i=0; i<t.length; i++) {
    if (t.substr(i,1) == '\n') {
       c = 0;
      r++;
    else {
      c++;
      if(c >= textarea.cols) { c=0; r++;}
  textarea.rows = r;
Resizes and binds a textarea (or all textareas in the page if the parameter is null)
to the autoheight function above, so they get automatically resized as user enters text
function textarea_activate_autoheight(textarea) {
  if(textarea != null) {
    g_textarea_autoheight(textarea);
    textarea.onkeyup = function() {g_textarea_autoheight(textarea);};
  else {
    var ta_list = document.getElementsByTagName('textarea');
    for(var i=0; i < ta_list.length; i++) g_textarea_activate_autoheight(ta_list);
To use it, just add onload="textarea_activate_autoheight();" to activate it for all the textareas in the page. It seems to work well...
If anyone knows how to fix the bug (*) above, please let me know!
Luis