JSFiddle - React, Tailwind, and code Playground

HTML

input: <input type="text" value="initial content"/>
<br><span class="textarea-label">textarea:</span> <textarea class="fixed" rows=1 cols=20>initial content</textarea>

CSS

input, textarea {
    font-family: Arail;
    font-size: inherit;
}
textarea.fixed {
    overflow-x:hidden;
}