JSFiddle - React, Tailwind, and code Playground

HTML

<input type="text" id="myInput" readonly="readonly" />

JavaScript

$("#myInput").dblclick(function(){
   $(this).prop("readonly", false)
});
$("#myInput").blur(function(){
   $(this).prop("readonly", true); 
});