Ticket #6801 (closed bug: duplicate)
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: | ||
| Blocking: | Blocked by: |
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.
Change History
comment:1 Changed 2 years ago by scott.gonzalez
- Status changed from new to closed
- Resolution set to worksforme
- Summary changed from Jquery popup background grayed out for very lengthy pages (for height more than 65536px) to Dialog: Jquery popup background grayed out for very lengthy pages (for height more than 65536px)
comment:2 Changed 2 years ago by aslamr
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
comment:4 Changed 2 years ago by scott.gonzalez
- Status changed from closed to reopened
- Resolution worksforme deleted
comment:5 Changed 2 years ago by scott.gonzalez
- Summary changed from Dialog: Jquery popup background grayed out for very lengthy pages (for height more than 65536px) to Dialog: overlay loses opacity on long pages
comment:6 follow-up: ↓ 7 Changed 2 years ago by kahunacohen
Is there any progress on this? If not, I have encountered this and would be willing to work on it.
comment:7 in reply to: ↑ 6 Changed 2 years ago by rdworth
Any progress would have been posted here. Have at it.
comment:8 Changed 2 years ago by scott.gonzalez
- Status changed from reopened to closed
- Resolution set to duplicate
comment:10 Changed 2 years ago by fnagel
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.
comment:11 Changed 2 years ago by fnagel
Sorry, I was not aware this bug is closed.
Solution could be found in this commit: https://github.com/jquery/jquery-ui/commit/c9e187cd9d3cecdb39ecfb0ab0389614973a40c3
comment:12 Changed 19 months ago by jasonday
For reporting purposes, we also have this issue.
I'm not seeing this behavior. Please provide a reduced test case showing the problem.