JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.12/themes/base/jquery-ui.css">
<div id="dialog">foo</div>

JavaScript

// Open a dialog
var dialog = $('#dialog').dialog({
    title: 'Foo'
});

$(document).click(function(event) {
    if( !$.contains( dialog.dialog('widget')[0], event.target ) ){
        dialog.dialog('close');
        // will also work: $(':ui-dialog').dialog('close');    
    }
});