To get the
textarea to stretch, give this a go (jQuery): http://www.unwrongest.com/projects/elastic/.
As for the height of exactly one row, you could try
rows="1" in the
<textarea> tag, as well as removing CSS styling. Some browsers, however, may set a textarea's minimum height to more than one row.
Another solution would be to use a
on screen that,
when the user clicks on it, makes the browser focus on a hidden textbox.
The user types into the hidden text box, and the
getting the flashing cursor, but you could use the pipe
character in the div and make it flash, although this starts getting long winded about the time you start it.