Skip to main content

Search and Top Navigation

#6801 closed bug (duplicate)

Opened January 04, 2011 10:09AM UTC

Closed June 04, 2011 01:06AM UTC

Last modified October 26, 2011 02:23PM UTC

Dialog: overlay loses opacity on long pages

Reported by: aslamr Owned by:
Priority: minor Milestone: 1.9.0
Component: ui.dialog Version: 1.8.4
Keywords: Cc:
Blocked by: Blocking:
Description

We are using jquery (version 1.8.4) to show pop up on click of a link. it works fine for the page with height less than 65536px.

But when page height exceeds 65536 px then background of page becomes gray

This is observed only in IE browser.

please let us know solution.

Attachments (0)
Change History (12)

Changed January 11, 2011 06:35PM UTC by scottgonzalez comment:1

resolution: → worksforme
status: newclosed
summary: Jquery popup background grayed out for very lengthy pages (for height more than 65536px)Dialog: Jquery popup background grayed out for very lengthy pages (for height more than 65536px)

I'm not seeing this behavior. Please provide a reduced test case showing the problem.

Changed March 11, 2011 09:52AM UTC by aslamr comment:2

I attached a sample HTML file with the CSS using jsFiddle.

Please use this link: http://jsfiddle.net/KTXdg/ to open it and follow these steps.

In the html file, there are two types of overlays, one is the overlay that is created using regular, old CSS. When the link to show that CSS overlay is clicked, the overlay that's shown is semi-transparent like it's supposed to be. However, when the link to create the jQueryUI modal dialog is clicked, the background overlay is completely opaque. This only occurs after the size of the document is a certain size (65536). To test this, with the 'main' div, when the height is at 65520, this issue is occurring. As soon as that's moved down to 65519, then the issue is not there

Changed March 11, 2011 01:11PM UTC by scottgonzalez comment:3

#7102 is a duplicate of this ticket.

Changed March 11, 2011 01:33PM UTC by scottgonzalez comment:4

resolution: worksforme
status: closedreopened

Changed March 11, 2011 01:33PM UTC by scottgonzalez comment:5

summary: Dialog: Jquery popup background grayed out for very lengthy pages (for height more than 65536px)Dialog: overlay loses opacity on long pages

Changed May 11, 2011 03:31PM UTC by kahunacohen comment:6

Is there any progress on this? If not, I have encountered this and would be willing to work on it.

Changed May 11, 2011 03:32PM UTC by rdworth comment:7

Any progress would have been posted here. Have at it.

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

resolution: → duplicate
status: reopenedclosed

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

Duplicate of #4995.

Changed June 28, 2011 09:24AM UTC by fnagel comment:10

Confirm this issue with latest stable jQuery UI on Win Vista and IE8 (latest). Interesting fact is that Ive tried 5 different PCs (all with Vista and latest IE8) and the error occurred only on 3 of it.

Possible (quick and dirty) solution is a semi transparent PNG instead of opacity.

Changed June 28, 2011 09:28AM UTC by fnagel comment:11

Sorry, I was not aware this bug is closed.

Solution could be found in this commit: https://github.com/jquery/jquery-ui/commit/c9e187cd9d3cecdb39ecfb0ab0389614973a40c3

Changed October 26, 2011 02:23PM UTC by jasonday comment:12

For reporting purposes, we also have this issue.