JSFiddle - React, Tailwind, and code Playground

HTML

<div>
    <p>
        <span>Click the input twice and try to type</span>
    </p>
    <p>
        <input type="text">
    </p>
</div>

CSS

body {
    font-family: monospace;
}
div {
    text-align: center;
    margin: 45% auto;
}
span {
    font-size: 1.3em;
}
input {
    font-size: 2em;
}

JavaScript

function onTouch( e ){};
document.addEventListener( 'touchstart', onTouch, false );
//document.removeEventListener( 'touchstart', onTouch);