What is the easiest way to let a textarea autogrow in pure javascript?

Question

I've seen all kind of jquery plugins for autogrowing a textarea. But I hope there may be an easy way to let a textarea element autogrow in pure javascript (anno 2015).

I'm only targeting modern browsers. But I also appreciate answers that target older browsers.

Yup, I have got some things working with jquery. Could translate that to javascript of course. But I was just wondering for an easier way. — Kasper, Oct 21 '15 at 20:29
please refer this question http://stackoverflow.com/questions/7745741/auto-expanding-textarea — Pbk1303, Oct 21 '15 at 20:40

score 1 · Answer 1 · answered Oct 21 '15 at 20:34

This seems to work. Not tested it that well though.

<textarea></textarea>
<script>
    var textarea = document.querySelector('textarea');
    textarea.addEventListener('input', function() {
        textarea.style.height = 'auto';
        textarea.style.height = textarea.scrollHeight + 'px';
    });
</script>

What is the easiest way to let a textarea autogrow in pure javascript?

1 Answers1