JSFiddle - React, Tailwind, and code Playground

by vasi_32

HTML

<textarea id = 'textarea' cols = '30' rows = '3'>
text text text text text text text text 
text text text text text text text text 
text text text text text text text text 
text text text text text text text text 
text text text text text text text text 
text text text text text text text text 
text text text text text text text text 
text text text text text text text text 
text text text text text text text text 
</textarea>

CSS

textarea {
    min-height: 52px;
    
}

JavaScript

$("#textarea").on('keydown',function(){
      $(this).height( 0 );
    $(this).height( this.scrollHeight );
  })
$("#textarea").on('blur',function(){
   $(this).height(0);
})