Skip to main content

Search and Top Navigation

#4892 closed bug (fixed)

Opened October 05, 2009 12:06PM UTC

Closed October 24, 2012 09:05PM UTC

Dialog: zIndex error with animated modal dialog

Reported by: NovaYear Owned by:
Priority: minor Milestone: 1.10.0
Component: ui.dialog Version: 1.7.2
Keywords: animation overlay Cc:
Blocked by: Blocking:

if u use any kind of effects(puff,explode,slide,blablabla..) and "modal:true" in dialog options

if u will show dialog when the page is firstloaded

when the effect is in use dialog window is under overlay layer

when the effect is done it overlaps

I hope the problem will be over soon..


sorry my english is very bad..


my javascript codes :

//define config object
var dialogOpts = {
  show: 'puff',
  draggable: false,
  autoOpen: false,
  modal: true,
  closeOnEscape: false
//create the dialog
$('#dialog').dialog('option', 'buttons', { //no butons });

and my html codes :

<div id="dialog" title="Information !">
    <span class="ui-icon ui-icon-info" style="float:left; margin:0 7px 50px 0;">
      Working.. Please Wait !<br>
  <p align="center">
    <img src="images/giris/pbs.gif" title="Loading Animation" />
Attachments (0)
Change History (9)

Changed October 05, 2009 03:08PM UTC by scottgonzalez comment:1

milestone: TBD1.8

Changed October 05, 2009 03:09PM UTC by scottgonzalez comment:2

summary: zIndex error while opening/showing ui.dialog modal:trueDialog: zIndex error with animated modal dialog

Changed September 07, 2011 12:45PM UTC by scottgonzalez comment:3

keywords: → animation overlay

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


Changed October 16, 2012 04:03PM UTC by davenaeder comment:5


This has been fixed in 1.7.3,

Test here

Changed October 16, 2012 04:03PM UTC by davenaeder comment:6

resolution: → fixed
status: newclosed

Changed October 16, 2012 08:32PM UTC by scottgonzalez comment:7

resolution: fixed
status: closedreopened

I'm still seeing the dialog under the overlay during the animation.

Changed October 16, 2012 08:33PM UTC by scottgonzalez comment:8

status: reopenedopen

Changed October 24, 2012 09:05PM UTC by Jörn Zaefferer comment:9

resolution: → fixed
status: openclosed

Dialog: Use _show and _hide consistently. Fixes #4892 - Dialog: zIndex error with animated modal dialog.

Changeset: d07074dc3c3b2c73ccf1ed1cb2876df31154e039