JSFiddle - React, Tailwind, and code Playground

HTML

<div contenteditable="false" tabindex='1' style="width:800px;height:100px" id="my_div" >Double click to see how it should NOT work</div>

JavaScript

function make_focus()
{
$("#my_div").prop('contenteditable','true'); 
$("#my_div").focus();   
}

$(function() {
    
    $("#my_div").dblclick(function(e)
    {
    make_focus();
    })

});