JSFiddle - React, Tailwind, and code Playground

HTML

<input type="text" value="some random text"></input><br />
<input type="text" value="some random text"></input>

CSS

input {
    width: 150px;
}

JavaScript

$('input').focus(function(){
    var input = this;
    // for some reason, putting directly doesn't work
    setTimeout(function() { 
        if (input.createTextRange) {
                var part = input.createTextRange();
                part.moveat("character", 0);
                part.moveEnd("character", 0);
                part.select();
            }
        else if (input.setSelectionRange){
                input.setSelectionRange(0,0);
        }
    }, 0);
});