JSFiddle - React, Tailwind, and code Playground

by Alex Alex

HTML

<textarea placeholder=" "></textarea>

SCSS

textarea {
    resize: none;
    padding: 0;
    margin: 0;
    border: 1px solid;    
    &:focus,
    &:not(:placeholder-shown):not(:focus) {
        line-height: normal;
        min-height: 88px;
    }
    &:placeholder-shown:not(:focus) {
        height: 22px;
        line-height: 22px;
    }
}