Dialog: moveToTop implementation resets flash/video/iframe/scroll when switch between dialogs

[Frank]

When multiple dialogs are open, each containing a flash or video element, and the dialogs are selected so that the other loses focus, UI code moves the newly selected dialog to the top by inserting all other sibling dialogs before the selected dialog. This causes the flash content of the deselected dialog to be reset as it is detached from DOM. The examples can be seen below:

-> with JqueryUI v1.10.3/1.10.4 and Jquery core 1.11.1 and previous -> browser Chrome/Safari/Firefox/IE

Test in : ​http://jsfiddle.net/zBdGQ/

[Frank]

Currently I have used this workaround by overriding the method _moveToTop :

$.ui.dialog.prototype._moveToTop = function (event, silent) {

var zIndexDefault = 100; var $elementsOnSameLevel = $(window.parent.document).find('.ui-dialog:visible'); var heighestZIndex = zIndexDefault;

$.each($elementsOnSameLevel, function(index, element) {

var zIndexOfElement = $(element).css('z-index'); if (zIndexOfElement) {

var zIndexOfElementAsNumber = parseInt(zIndexOfElement,10)

0;

if (zIndexOfElementAsNumber > heighestZIndex) {

heighestZIndex = zIndexOfElementAsNumber;

}

}

}); var currentZIndex = parseInt(this.uiDialog.css('z-index'),10);

var moved; if (currentZIndex > heighestZIndex) {

moved = false;

} else {

this.uiDialog.css('z-index', heighestZIndex + 1); moved = true;

}

if ( moved && !silent ) {

this._trigger( "focus", event );

}

return moved;

};

[tj.vantoll]

Duplicate of #9166.

[Frank]

Sorry but the ticket is to be fixed while the error is still there. Why?

Thanks for your work

[tj.vantoll]

Replying to Frank:

Sorry but the ticket is to be fixed while the error is still there. Why?

Thanks for your work

It is fixed in 1.11, which should be out next week. Here's your example working with 1.11: ​http://jsfiddle.net/tj_vantoll/qmN7J/.

[Frank]

Ok Ok ... very very good ..

Thanks