Dialog cannot be dragged properly with IFRAME

[kruncher]

Dialog dragging is glitchy when IFRAME is contained within content area. Dialog movement stops when mouse pointer overlaps IFRAME. Same issue occurs when resizing dialog.

The following fix works for me, but I suspect something better could be added into the dialog script.

var __overlay_fix_start = function() {
	var overlay = $(this).find('.hidden-dialog-overlay');
	if (!overlay.length) {
		overlay = $('<div class="hidden-dialog-overlay" style="position:absolute;top:0;left:0;right:0;bottom:0;z-order:100000;"></div>');
		overlay.appendTo(this);
	}
	else
		overlay.show();
};
var __overlay_fix_stop = function() {
	$(this).find('.hidden-dialog-overlay').hide();
};

// Cover dialog content with overlay during resizing / moving
// to avoid unusual results.
options.resizeStart = (options.dragStart = __overlay_fix_start);
// Hide transparent overlay once dragging or resizing has stopped
options.resizeStop = (options.dragStop = __overlay_fix_stop);

[Scott González]

We can turn on iframeFix for draggable, but resizable doesn't have an option yet. After the interactions rewrite this will automatically happen.

[rdworth]

#7682 is a duplicate of this ticket.

[Jörn Zaefferer]

Scott on IRC: "We can build an iframe fix inside dialog for now."

[Scott González]

Dailog: Cover iframes during drag and resize. Fixes #7650 - Dialog cannot be dragged properly with IFRAME.

Changeset: a7353e7c9ba18e017813195c885115338800e13d