Is there anyway to have a textarea “autofit” height based on the content at page load?

Question

Is there anyway through CSS or Javascript set the height of the textarea based on the content? I have a hardcoded height in my CSS but i wanted it to default so there is no

Answer 1

You can use the auto resize plugin using the jQuery UI Autoresize

Here is the html,

and here is the jquery,

$('textarea').autoResize();

see DEMO