Skip to main content

Bug Tracker

Side navigation

#2654 closed bug (fixed)

Opened April 04, 2008 08:57PM UTC

Closed April 07, 2008 04:41PM UTC

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

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

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>

Attachments (1)
  • ui.dialog.html (2.7 KB) - added by anmic April 04, 2008 08:58PM UTC.
Change History (2)

Changed April 04, 2008 08:59PM UTC by scott.gonzal comment:1

owner: paulscott.gonzalez
status: newassigned

Changed April 07, 2008 04:41PM UTC by scott.gonzal comment:2

resolution: → fixed
status: assignedclosed

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