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 comment:1
| resolution: | → worksforme |
|---|---|
| status: | new → closed |
| 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) |
Changed March 11, 2011 09:52AM UTC by 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:33PM UTC by comment:4
| resolution: | worksforme |
|---|---|
| status: | closed → reopened |
Changed March 11, 2011 01:33PM UTC by 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 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 comment:7
Any progress would have been posted here. Have at it.
Changed June 04, 2011 01:06AM UTC by comment:8
| resolution: | → duplicate |
|---|---|
| status: | reopened → closed |
Changed June 28, 2011 09:24AM UTC by 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 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 comment:12
For reporting purposes, we also have this issue.
I'm not seeing this behavior. Please provide a reduced test case showing the problem.