jQuery UI Dialog - Fluid on resize and scroll - Works with 1.11.4

jqueryi-ui-fluid-dialog.js

$dialog.dialog({
    draggable: false,
    modal: true,
    resizable: false,
    maxWidth: 600,
    width: 500,
    fluid: true, // Enables fluidDialog()
});

function fluidDialog() {
    var $visible = $('.ui-dialog:visible');

    // Each open dialog
    $visible.each(function () {
        var $this = $(this);
        var dialog = $this.find('.ui-dialog-content');

        // If fluid option == true
        if (dialog.dialog('option', 'fluid')) {
            var wWidth = $(window).width();

            // Check window width against dialog width
                if (wWidth < dialog.dialog('option', 'maxWidth') + 50) {

                    // Keep dialog from filling entire screen
                        $this.css('max-width', '90%');
                } else {

                    // Fix maxWidth bug
                        $this.css('max-width', dialog.dialog('option', 'maxWidth'));
                }

            // Reposition dialog
                dialog.dialog('option', 'position', dialog.dialog('option', 'position'));
        }
    });
}

$(window).resize(function() {
    fluidDialog();
});

$(window).scroll(function() {
    fluidDialog();
});

// Catch dialog if opened within a viewport smaller than the dialog width
$(document).on('dialogopen', '.ui-dialog', function (event, ui) {
    fluidDialog();
});