JSFiddle - React, Tailwind, and code Playground

HTML

<textarea maxlength="50"></textarea>
<textarea maxlength="30"></textarea>
<textarea maxlength="10"></textarea>

CSS

textarea {
    height: 70px;
    width: 150px;
}

JavaScript

$("textarea").keyup(function(event) {
    if ($(this).val().length == $(this).attr("maxlength")) {
        textfields = $("textarea");
        curr = textfields.index(this);
        next = textfields[curr + 1];
        if (next != null) {
            next.focus();
        }
    }
});