JSFiddle - React, Tailwind, and code Playground

by htmlzengarden

HTML

<textarea>transition + resize = :(</textarea>

CSS

textarea
{
    -webkit-transition: height 300ms;
       -moz-transition: height 300ms;
        -ms-transition: height 300ms;
         -o-transition: height 300ms;
            transition: height 300ms;
    
    height:      1.5em;
    min-height:  1.5em;
    line-height: 1.5em;
    
    width:  300px;
    
    resize: vertical;
}
textarea:focus
{
    height: 15em;
}
body
{
    margin: 20px;
}