JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/black-tie/jquery-ui.css">
<div id="myDialog">
  <h2>foo</h2>
</div>

JavaScript

(function($) {
  var _init = $.ui.dialog.prototype._init;
  $.ui.dialog.prototype._init = function() {
    var self = this;
    _init.apply(this, arguments);
    $('.ui-widget-overlay').live("click", function() {
      if (self.options['overlay_close']) {
        self.destroy();
      }
    });
  }
})($);

$("#myDialog").dialog({
  overlay_close: true,
  modal: true
});