Streaming live at 10am (PST)

Multi Image Lightbox thumbnail jumps around

Hello, I have a major issue with the lightbox. I am using several multi-image CMS containers + a video link that I am combining into a single lightbox. As you scroll through the images (on Desktop - Chrome and Mobile - Several Android Devices, Chrome or default browser) the view of the thumbnails at the bottom jumps between the thumbnail that is actually highlighted and the first 10 or so as you scroll through the photos. It’s actually pretty disorienting and a pretty major bug in my opinion. Sometimes it appears to do the jump every other click but other times it will happen every few clicks. The same thing occurs as you swipe between photos in mobile. I tried editing the CSS for

.w-lightbox-strip {
padding: 0 1vh;
line-height: 0;
white-space: nowrap;
overflow-x: auto;
overflow-y: hidden;
}

and

.w-lightbox-item {
display: inline-block;
width: 10vh;
padding: 2vh 1vh;
box-sizing: content-box;
cursor: pointer;
-webkit-transform: translate3d(0,0,0);
}

No amount of changes to how the overflow’s, white-space or wrapping were handled had any real effect, unless the items were set to not wrap at all. The fix mentioned here had no positive effect. I have found several other posts mentioning this: here, here and here. (to show a few).

I am running some minor custom code on my site but this effect occurs regardless. And as you can see from the other posts, the issue seems to be related to the amount of photos in a single lightbox.

I am trying to launch a small rental/real estate site in the coming days and this is a huge enough bug that I’ve spent most of the day looking for a work around. Is there anyway we can bump this up to the top of the bug priority list?

Thank you!


Here is my site: https://webflow.com/design/bens-business-starter-b3228b?pageId=5dcb10ab8f09a49500570502&itemId=5dcb471390ed8646ab31ca93

Here is the published version of the site, which may offer a more realistic look at the bug:
https://bens-business-starter-b3228b.webflow.io/listing/29-e-northwood-ave

For kicks, I’ve also uploaded a video.
https://webm.red/view/GoGd.webm

Hi @cosmicjohnson,

This is a known bug. You can find the specific filed bug here: Lightbox jumps moving between images

Our engineers will be looking at it, however, I still do not have an eta when this will be fixed.

Please let me know if you have any other questions,

~ Happy Designing ~
Brandon

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.