JSFiddle - React, Tailwind, and code Playground
HTML
<div class="textarea-container" onclick="document.getElementById('myTextarea').focus()">
<div>I like/dislike this site because:</div>
<textarea id="myTextarea"></textarea>
</div>
CSS
div.textarea-container {
border: solid 1px #808080;
overflow: auto;
width: 480px;
padding: 2px;
font-family: Arial;
font-size: 12px;
}
div.textarea-container textarea {
font-family: Arial;
font-size: 12px;
overflow: auto;
border: none;
outline: none;
width: 480px;
height: 120px;
margin: 0px;
padding: 0px;
}