Opened 10 years ago

Closed 7 years ago

#4892 closed bug (fixed)

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:

Description

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(dialogOpts);
$('#dialog').dialog('option', 'buttons', { //no butons });
$("#dialog").dialog("open");

and my html codes :

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

Change History (9)

comment:1 Changed 10 years ago by Scott González

Milestone: TBD1.8

comment:2 Changed 10 years ago by Scott González

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

comment:3 Changed 8 years ago by Scott González

Keywords: animation overlay added

comment:4 Changed 7 years ago by Scott González

Milestone: 1.9.01.10.0

comment:5 Changed 7 years ago by davenaeder

Milestone: 1.10.01.7

This has been fixed in 1.7.3, Test here http://jsfiddle.net/davenaeder/7VS6N/1/

comment:6 Changed 7 years ago by davenaeder

Resolution: fixed
Status: newclosed

comment:7 Changed 7 years ago by Scott González

Milestone: 1.71.10.0
Resolution: fixed
Status: closedreopened

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

comment:8 Changed 7 years ago by Scott González

Status: reopenedopen

comment:9 Changed 7 years ago by Jörn Zaefferer

Resolution: fixed
Status: openclosed

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

Changeset: d07074dc3c3b2c73ccf1ed1cb2876df31154e039

Note: See TracTickets for help on using tickets.