JSFiddle - React, Tailwind, and code Playground

HTML

<div>
omg this text is like really really long and things should like overflow out of the box.  Note that it works fine when animating to 100%
</div>

CSS

div {
    height: 20px;
    width: 100%;
    background: green;
}

JavaScript

function go() {
    $("div").animate({
        width: 0
    }, 2000).animate({
        width: "100%"
    }, 2000, go);
}
go();