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 class="window">Hello</div>
<div class="window">Hello again</div>

JavaScript

$.widget( "ui.dialog", $.ui.dialog, {
    _moveToTop: function() {
        var moved = this._superApply( arguments );
        if ( moved ) {
            $( ":data(ui-dialog)" )
                .not( this.element )
                .each(function() {
                    $( this ).dialog( "instance" )._trigger( "blur" );    
                });
        }
        return moved;        
    }
});

$( ".window" ).dialog({
    focus: function ( event, ui ) {
        $( this )
            .closest(".ui-dialog")
            .find(".ui-dialog-titlebar")
            .addClass("ui-state-error");
    },
    blur: function( event, ui ) {
        $( this )
            .closest( ".ui-dialog" )
            .find( ".ui-dialog-titlebar" )
            .removeClass( "ui-state-error" );
    }
});