JSFiddle - React, Tailwind, and code Playground

HTML

<div id="abc" contenteditable="true">
    <input type="text">
</div>

CSS

#abc{width:300px; height:300px; background:#f00; padding:10px;}

JavaScript

function controlselectHandler(evt) {
    evt.preventDefault();
}
document.body.addEventListener('mscontrolselect', controlselectHandler);



$('#abc').on('click','input[type="text"]',function(e){
    $(this).focus();  
})