JSFiddle - React, Tailwind, and code Playground

HTML

<textarea>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque pretium interdum lorem eu ultrices. Nam et ultricies nisl. Nunc diam enim, facilisis eu varius in, lacinia ac dui. Fusce et eros quis mi pharetra scelerisque vitae in ante. Morbi vestibulum justo fermentum turpis pretium luctus. Morbi lacinia mauris non libero varius at iaculis mauris vehicula. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Phasellus nec gravida ipsum. Etiam et est elit, sit amet rutrum leo. Etiam sollicitudin erat vel nunc ultricies bibendum. Sed sed nisl ipsum. Nulla interdum ultrices leo vel venenatis. Morbi et euismod diam. Aliquam erat volutpat. Nam nec odio id purus auctor egestas eu eget purus. Nunc fringilla tortor in augue porttitor faucibus. Maecenas sollicitudin, purus et laoreet convallis, velit ipsum suscipit lacus, in suscipit quam metus id tellus. Phasellus eu dui arcu, at condimentum arcu. Vivamus non sapien nec nulla imperdiet sodales. Fusce malesuada nulla in turpis dignissim non interdum risus ultrices. Curabitur fermentum lacus lacinia velit porttitor eu bibendum tellus accumsan. Aliquam tincidunt tempus justo vel sagittis. Aenean sagittis mollis dui at viverra. Donec vulputate neque et velit fringilla convallis.</textarea>

CSS

textarea {
    overflow: hidden;
}

JavaScript

$('document').ready(function () {
    $('textarea')
        .width(500);
    
    //I have a width set, but see how the height defaults to a rediculously small amount.
    //I'd like to have the height default to fit everything on load.
    
});