Bug Tracker


Ticket #2654 (closed bug: fixed)

Opened 6 years ago

Last modified 6 years ago

Modal UI Dialog covered by its overlay in MSIE 7 while dragging/resizing it

Reported by: anmic Owned by: scott.gonzalez
Priority: major Milestone: 1.2.4
Component: ui Version: 1.2.3
Keywords: dialog, modal, zindex, visibility, msie, ie Cc:
Blocking: Blocked by:


In MSIE 7, I noticed a bug when a modal dialog with an overlay enabled is covered by the overlay during resizing/dragging.

You can use attached file to reproduce this bug (modified ui.dialog.html demo page):

<h2>3. Buttons</h2>
<div class="playground">
	<div id="example3">Please select an option below.</div>
	<br />
	<button onclick="$('#example3').dialog({
		title: 'Are you sure?',
		modal: true,
		overlay: {
      'backgroundColor': 'black',
      'opacity': 0.7
		buttons: {
			'Yes': function() { $(this).dialog('close'); alert('You clicked \'Yes\''); },
			'No': function() { $(this).dialog('close'); alert('You clicked \'No\''); }
		draggable: true,
		resizable: true
	});$(this).hide().next().show();">Create Dialog</button>
	<button onclick="$('#example3').dialog('open')" style="display:none;">Open</button>
	<button onclick="$('#example3').dialog('close')">Close</button>


ui.dialog.html Download (2.7 KB) - added by anmic 6 years ago.

Change History

Changed 6 years ago by anmic

comment:1 Changed 6 years ago by scott.gonzal

  • Owner changed from paul to scott.gonzalez
  • Status changed from new to assigned

comment:2 Changed 6 years ago by scott.gonzal

  • Status changed from assigned to closed
  • Resolution set to fixed

This was already fixed. Please upgrade to latest SVN. If you continue to have this problem, please reopen this ticket.

Please follow the  bug reporting guidlines and use  jsFiddle when providing test cases and demonstrations instead of pasting the code in the ticket.


Add a comment

Modify Ticket

as closed

E-mail address and user name can be saved in the Preferences.

Note: See TracTickets for help on using tickets.