JSFiddle - React, Tailwind, and code Playground

by TJ VanToll

HTML

<link rel="stylesheet" href="http://code.jquery.com/ui/jquery-ui-git.css">
<script src="http://code.jquery.com/ui/jquery-ui-git.js"></script>
<div id="dialog"></div>

JavaScript

$.widget( "ui.dialog", $.ui.dialog, {
    options: { closeOnOverlayClick: false },
    _createOverlay: function() {
        this._super();
        if ( this.overlay && this.options.closeOnOverlayClick ) {
            this.overlay.on( "click", function() {
                $( ":data(ui-dialog)" ).dialog( "close" );
            });
        }
    }
});
$( "#dialog" ).dialog({
    modal: true,
    closeOnOverlayClick: true
});