JSFiddle - React, Tailwind, and code Playground

HTML

This is how inputs look like:<br><br>

<input type="text" value="Too long text. Too long text. Too long text. Too long text. Too long text. Too long text. "><br><br>

This is what I want to do with my input on page load (I'd love it to automatically change width as users type/delete data):<br><br>

 <input type="text" size="69" value="Too long text. Too long text. Too long text. Too long text. Too long text. Too long text. ">