JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://malsup.github.io/jquery.blockUI.js"></script>
<script src="http://malsup.github.io/chili-1.7.pack.js"></script>
<div id="dialog" title="Basic dialog">
  <p>This is the default dialog which is useful for displaying information. The dialog window can be moved, resized and closed with the 'x' icon.</p>
</div>

<div id="a">
    Hello
</div>

CSS

. ui-dialog{
    z-index:100 !important;
}

JavaScript

$( "#dialog" ).dialog({
        open: function() {
             $('.ui-dialog').css({
                'z-index' : 100 // Could be any value but less than 1000.
             });
        } 
    });
$('#a').click(function() { 
        $.blockUI(); 
        //setTimeout($.unblockUI, 10000); 
    });