JSFiddle - React, Tailwind, and code Playground

by Kawaljit Singh

HTML

<textarea name="test" cols="40" rows="5"></textarea><br />
<input type="submit" name="Button" value="Button" />

CSS

textarea { width: 990px; background: red; }
        input { background: blue; }

JavaScript

$(document).ready(function() {
            var textarea = $('textarea');
            var originalRows = parseInt(textarea.attr('rows'));
            textarea.on('input', function() {
                textarea.attr('rows', originalRows+1);
                textarea.attr('rows', originalRows);
            });
        });