JSFiddle - React, Tailwind, and code Playground

by Danny Hearnah

HTML

<textarea id="content1" style="width: 630px; min-height: 40px;" onkeyup="this.style.height = this.scrollHeight+'px';"></textarea>

<textarea id="content2" style="width: 630px; min-height: 40px;" onkeyup="this.style.height = this.scrollHeight+'px';"></textarea>

CSS

#content1,#content2 {
    border: 1px solid #000000;
border-top-color: #666666;
border-left-color: #666666;
font-family: Verdana, Geneva, sans-serif;
font-size: 11px;
margin: 0px;
padding: 1px;
}

#content1 {
    box-sizing:border-box;
}

#content2 {
    box-sizing:padding-box;
}