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