Skip to main content

Search and Top Navigation

#4995 closed bug (fixed)

Opened December 07, 2009 04:11PM UTC

Closed October 24, 2012 09:05PM UTC

Dialog: Modal Dialog's overlay dissapears in IE when content is tall.

Reported by: Xar Owned by:
Priority: major Milestone: 1.10.0
Component: ui.dialog Version: 1.7.2
Keywords: overlay Cc:
Blocked by: Blocking:
Description

Hi,

First of all, thank you for your great, great library :)

I'm writting an app that uses the UI Dialog plugin. I've found that when I open a modal Dialog under IE7 and the content is tall (as in its height), the modal shadow covers only a fraction of the page and its opacity is set to 100%.

This makes the Dialog not modal at all.

I've tried this under Vista & Windows 7. Attached you can find a test case I wrote and a screencapture of this bug in action.

Thank you very much for your help, and greetings from Spain

Attachments (1)
  • IE7 Modal error.zip (34.0 KB) - added by Xar December 07, 2009 04:12PM UTC.

    Sample and screen capture

Change History (11)

Changed December 13, 2009 11:19AM UTC by jzaefferer comment:1

priority: blockermajor

Changed January 27, 2010 01:47PM UTC by rdworth comment:2

milestone: TBD1.8

Changed October 01, 2010 08:10PM UTC by scottgonzalez comment:3

summary: Modal Dialog's shadow dissapears in IE when content is tallModal Dialog's overlay dissapears in IE when content is tall

Changed January 20, 2011 07:48AM UTC by catapricop comment:4

Replying to [ticket:4995 Xar]:

Hi, First of all, thank you for your great, great library :) I'm writting an app that uses the UI Dialog plugin. I've found that when I open a modal Dialog under IE7 and the content is tall (as in its height), the modal shadow covers only a fraction of the page and its opacity is set to 100%. This makes the Dialog not modal at all. I've tried this under Vista & Windows 7. Attached you can find a test case I wrote and a screencapture of this bug in action. Thank you very much for your help, and greetings from Spain

Hi Xar!

Did you find any solution to your problem? I may have encountered the same problem .

What I have is a large document that necessitates scroll to display its content; When I open a modal dialog the overlay is gray opaque, it covers only a part of the document and it's not modal at all.

Please let me know if you found out how to deal with this.

Best regards!

Changed May 13, 2011 08:36PM UTC by Scott González comment:5

resolution: → fixed
status: newclosed

Merge pull request #263 from kborchers/bug_4995

Dialog: Create modal overlay after dialog is shown and check scrollHeight and offsetHeight in all IE versions. Fixed #4995 - Modal Dialog's overlay dissapears in IE when content is tall

Changeset: c9e187cd9d3cecdb39ecfb0ab0389614973a40c3

Changed June 04, 2011 01:06AM UTC by scottgonzalez comment:6

#6801 is a duplicate of this ticket.

Changed July 06, 2012 01:11PM UTC by scottgonzalez comment:7

resolution: fixed
status: closedreopened

The dialog still disappears in IE8: http://jsfiddle.net/ErAyw/

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

milestone: 1.9.01.10.0

Changed October 22, 2012 03:29PM UTC by scottgonzalez comment:9

keywords: → overlay
status: reopenedopen

Changed October 23, 2012 12:04AM UTC by jzaefferer comment:10

summary: Modal Dialog's overlay dissapears in IE when content is tallDialog: Modal Dialog's overlay dissapears in IE when content is tall.

Changed October 24, 2012 09:05PM UTC by Nate Eagle comment:11

resolution: → fixed
status: openclosed

Dialog: Awesome new stacking and overlay implementation. Fixes the following tickets:

Fixes #3534 - Dialog: Modal dialog disables all input elements on page.

Fixes #4671 - Dialog: Modal Dialog disables vertical scroll bar in Chrome & Safari.

Fixes #4995 - Dialog: Modal Dialog's overlay dissapears in IE when content is tall.

Fixes #5388 - Dialog: Don't change z-index when already at the top.

Fixes #5466 - Dialog: "modal" Dialog Incorrectly Cancels Input Events.

Fixes #5762 - Dialog: Get rid of z-index workaround, document it instead.

Fixes #6267 - Dialog: checkboxes that inherit a z-index < jqueryui.dialog z-index don't work.

Fixes #7051 - Dialog: modal prevents tab key from moving focus off slider handle.

Fixes #7107 - Dialog: Modal dialog event loss with high zindex child elements (FF 3.6).

Fixes #7120 - Dialog: Modal operation interrupts drag drop marker functionality on gmaps.

Fixes #8172 - Dialog: Change event cancelled when opening modal dialog from another modal dialog.

Fixes #8583 - Dialog: Mouse event wrongly stopped.

Fixes #8722 - Dialog: Remove stack option.

Fixes #8729 - Dialog: Remove zIndex option.

Changeset: 3829a37ca122e923c3a08b964c4b1a946a2a1456