Skip to main content

Search and Top Navigation

#7650 closed bug (fixed)

Opened August 18, 2011 03:10AM UTC

Closed February 03, 2013 01:55PM UTC

Last modified February 03, 2013 01:55PM UTC

Dialog cannot be dragged properly with IFRAME

Reported by: kruncher Owned by:
Priority: minor Milestone: 1.10.1
Component: ui.dialog Version: 1.8.15
Keywords: Cc:
Blocked by: Blocking:

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>');
var __overlay_fix_stop = function() {

// 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);

Attachments (0)
Change History (7)

Changed August 18, 2011 12:22PM UTC by scottgonzalez comment:1

status: newopen

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

Changed August 31, 2011 09:12AM UTC by rdworth comment:2

#7682 is a duplicate of this ticket.

Changed October 11, 2012 02:47PM UTC by scottgonzalez comment:3


Changed October 22, 2012 03:38PM UTC by scottgonzalez comment:4


Changed January 30, 2013 05:17PM UTC by jzaefferer comment:5

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

Scott on IRC: "We can build an iframe fix inside dialog for now. Alternatively, we can implement iframe fix in resizable. And that wouldn't require any hacks."

Changed February 03, 2013 01:55PM UTC by Scott González comment:6

resolution: → fixed
status: openclosed

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

Changeset: a7353e7c9ba18e017813195c885115338800e13d

Changed February 03, 2013 01:55PM UTC by scottgonzalez comment:7