Transparent overlay issue when resizing browser
February 5, 2008 - 1:00am — mikebranski
| Project: | jQuery Lightbox Plugin (balupton edition) |
| Version: | 1.0.1-final |
| Component: | Code |
| Category: | bug report |
| Priority: | normal |
| Assigned: | Unassigned |
| Status: | closed |
Description
In Firefox 2.0.0.11, if you resize the browser window when an image is displayed, the transparency overlay doesn't adjust its width until you stop resizing. This creates an ugly unwanted effect.
If I comment out line 609 (width: pageSize.largestWidth,), the overlay resizes itself as you resize the browser.
IE6/7 and Safari 3 seemed unaffected by this, while Opera was just slow to catch up. The fix didn't make a difference in Opera (v9.25).
I also get a flickering the same height as the displayed image where the overlay goes from transparent to white repetitively while resizing the window in IE6 (you can see it in your demo).
Comments
#1
Hey, thanks for the bug report. Could you provide a screenshot of the issue, I'm having trouble replicating it.
#2
Attached in the screenshot of your demo page being resized (now in Firefox 2.0.0.12 on Windows XP).
#3
Attached is the a simulation of what it does in IE6 when resizing the page larger. Basically, a white bar the height of the current image and the width of the browser window flickers on and off repetitively (and at a faster pace than the simulation I created) until you stop enlarging the browser window.
The file was created in Image Ready because I didn't have screencast software available, but it should give the idea.
#4
I am considering this issue closed, as the resizing and repositioning has been redone in v1.1+ and also IE6 support has been dropped gracefully.