JSFiddle - React, Tailwind, and code Playground

HTML

<input id="otherText" maxlength="12" type="text"/>

JavaScript

$(function() {
    
    function setCaretPosition(elemId, caretPos) {
    var elem = elemId

    if(elem != null) {
        if(elem.createTextRange) {
            var range = elem.createTextRange();
            range.move('character', caretPos);
            range.select();
        }
        else {
            if(elem.selectionStart) {
                elem.focus();
                elem.setSelectionRange(caretPos, caretPos);
            }
            else
                elem.focus();
        }
    }
}
    
    $("#otherText").on("keyup", function(event){
                                var x = this,sel=x.selectionStart;
                                if(x.value.length > 0) 
                                {               
                                    x.value = x.value.replace(/^\s+/g, '');
                                }
                                setCaretPosition(x,sel);
                            })
})