Textarea Auto Expand - jQuery

Textarea Auto Expand - jQuery

by Adi Jaya

HTML

<p>
  <textarea class='auto-expand' rows="1"></textarea>
</p>

<p>
  <textarea class='auto-expand'></textarea>
</p>

CSS

textarea{  
  box-sizing: border-box;
  overflow:hidden;
  padding:15px;
  width:100%;
  font-size:14px;
  display:block;
  resize:none;
  /* white-space:pre; */
}

JavaScript

$( document ).on( "keyup", ".auto-expand", function(){
  		var $this = $( this );
      var scroll_height = $this.get(0).scrollHeight;

      $this.css({
      	'height' : scroll_height + 'px',
        'overflow':'hidden'
      });
  
  });