JSFiddle - React, Tailwind, and code Playground

HTML

<ul id="todolist">
<li>Some text to be changed</li>
</ul>

JavaScript

$(document).ready(function(){

var oriVal;
$(document).on('dblclick', '#todolist>li', function () {
    position = $(this).position();
    var input = $("<input type='text' style='position:absolute'>").appendTo(this);
    input.css({left: position.left, top: position.top})
    input.val($(this).text())
    input.focus();
});
    
});