Dialog: Cannot modify zIndex option after init

[betobaz]

.dialog('option', 'zIndex', val) doesn't do anything if the dialog is already open.

[Jörn Zaefferer]

Please provide the description in english.

[betobaz]

Sorry, i'm from Mexico and i don't speaking english very well. Using UI Dialog I find that zIndex allocation does not work, in jquery-ui-1.7.2.custom, the _setData function don't have the case for zIndex. The solution that i give is the follow:

case "zIndex":

this.uiDialog.css("z-index",value); (this.overlay&&this.overlay.$el.css("z-index",--value)); break;

I hope that my contribution is helpfull

[spudly]

I would also like to see this fixed.

The problem seems to be that _setOption is defined in the dialog widget but "zIndex" is not in the switch statement. As a result, you can neither get nor set the zIndex of the dialog. I would say this is a feature, but the documentation says this should work.

In my case, I need to modify the zindex each time the dialog is opened to ensure it opens on top.

[adovenmuehle]

This issue seems to be fixed in 1.8.9, see ​http://jsfiddle.net/AVxGY/

[rdworth]

Replying to adovenmuehle:

This issue seems to be fixed in 1.8.9, see ​http://jsfiddle.net/AVxGY/

Nope. Your test is only checking that the option has changed, not that the option change has actually had an effect on the ui-dialog element. See ​http://jsfiddle.net/rdworth/AVxGY/1/

[fontzter]

A more extensive example is here: ​http://jsfiddle.net/fontzter/qjeHT/2/

This will likely be resolved in the reworking of zIndex and modality.

A possible workaround is to add the following case to the switch within the _setOption:

case "zIndex":
	this.uiDialog.css( "z-index", value );
	this.options.zIndex = value;

	// maxZ needs to be reset if the dialog is opened
	if ( this._isOpen ) {
		this.moveToTop();
	}
	break;

[Scott González]

The zIndex option is being removed in 1.10. See ​https://github.com/jquery/jquery-ui/commit/3829a37ca122e923c3a08b964c4b1a946a2a1456