Question

Using jQuery UI Dialog.

Works great, but currently, when I drag a dialog, it will not move off screen (the entire dialog is always in the viewport).

Is there a way to set up the dialog so I can drag it partially off screen?

Answer 1

Sure you can if you extend the jQuery dialog code. Just include this code:

$.ui.dialog.prototype._makeDraggable = function() { 
    this.uiDialog.draggable({
        containment: false
    });
};

It will override the default containment value of ‘document’ with false which disables the containment.