dadler/thumbnail-zoom — Issue #3: Thumb positioning wrong when fixed/absolute positioning used
Author: dadler
Created: 2011-10-23 23:23:44+00:00
State: open

Thumbnail Zoom Plus' logic for knowing there the thumb is and how to position the popup isn't aware of the special brhavior of CSS position:fixed and position:absolute. That causes images to often be positioned above or below the image and appear largely off-screen or truncated, when viewing a popup from a Facebook image page in theater mode (where Facebook shows the image in its own pop-over area).

I haven't seen this problem on other sites, and I plan to disable Thumbnail Zoom Plus on Facebook photo pages, so this issue may not matter much.

I saw this on a tag like this:

Firefox's (for Firebug's) "Inspect Element" showed these styles:
.fbPhotoSnowbox {
background-color: rgba(252, 252, 252, 0.75);
bottom: 0;
left: 0;
overflow: hidden;
position: fixed;
right: 0;
top: 0;
z-index: 101;
}

The z-index also seems to be a problem: the in-page image appears on top of instead of below the Thumbnail Zoom Plus pop-up.