JSFiddle - React, Tailwind, and code Playground

HTML

<div id="Cmnts" style="display:none;">
    <textarea name="Cmnts" id="CmntsTxt" rows="5" cols="30"></textarea>
</div>
<input type="hidden" id="dialogValue">
<input type="text">

JavaScript

var opt = {
    autoOpen: false,
    modal: true,
    width: 350,
    height: 'auto',
    title: 'Comments'
};

$(function () {
    $("#Cmnts").on('dialogclose', function(event) {
        $("#dialogValue").val($('#CmntsTxt').val())
        $('#CmntsTxt').val('');
    });
});
var theDialog = $("#Cmnts").dialog(opt);
$("input[type='text']").on("dblclick", function () {
    $('#Cmnts').dialog('open');
});