JSFiddle - React, Tailwind, and code Playground

by rotaercz

HTML

<textarea class="text-area" rows="1"></textarea>

JavaScript

var baseH; // base scroll height
    
    $('body')
        .one('focus.textarea', '.text-area', function(e) {
            baseH = this.scrollHeight;
        })
        .on('input.textarea', '.text-area', function(e) {
            if(baseH < this.scrollHeight) {
                $(this).height(0).height(this.scrollHeight);
            }
            else {
                $(this).height(0).height(baseH);
            }
        });