JSFiddle - React, Tailwind, and code Playground

HTML

<input value='hey there just a test' type='text'>
<input value='hey there just a test' type='text'>

JavaScript

var srcEvent = null;

$("input[type=text],input[type=number]")

    .mousedown(function (event) {
        srcEvent = event;
    })
    .mouseup(function (event) {
        var delta = Math.abs(event.clientX - srcEvent.clientX) 
                  + Math.abs(event.clientY - srcEvent.clientY);
        
        var threshold = 2;
        if (delta <= threshold) {
            try {
                // ios likes this but windows-chrome does not on number fields
                $(this)[0].selectionStart = 0;
                $(this)[0].selectionEnd = 1000;
            } catch (e) {
                // windows-chrome likes this
                $(this).select();
            }
        }
    });