JSFiddle - React, Tailwind, and code Playground

HTML

<textarea class="content">

<div>my div</div><p>my paragraph</p><div>my div</div><p>my paragraph</p><div>my div</div><p>my paragraph</p><div>my div</div><p>my paragraph</p><div>my div</div><p>my paragraph</p>

</textarea>

CSS

.content{
    height:50vh;
    width: 100%;
    background: transparent;
    border: none;
    border-radius: 0;
    resize: none;
    outline: none;
}

.content:focus{
    border: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}