JSFiddle - React, Tailwind, and code Playground

by Trisox

HTML

<div id="dialog-modal" title="Basic modal dialog">     <p>Adding the modal overlay screen makes the dialog look more prominent because it dims out the page content.</p> </div>

CSS

#dialog-modal{display:none;}

JavaScript

$(window).bind('beforeunload', function() {
    dialogfunction();
});

dialogfunction = function (listOfVariableNames) {
    // a workaround for a flaw in the demo system (http://dev.jqueryui.com/ticket/4375), ignore!
    $( "#dialog:ui-dialog" ).dialog( "destroy" );

    $( "#dialog-modal" ).dialog({
        height: 140,
        modal: true
    });
});