Streaming live at 10am (PST)

Lightbox issues on touch devices: Webflow still haven't fixed it?

Hello.

I want to start out by saying that Webflow is awesome, I love working in it, I recommend it to anyone I come near, and I am generally a happy customer. So keep that in mind, because this will sound a little sour:

Are there currently any news on when the lightbox will be fixed, so that it works properly on touch devices?

There are numerous threads on this issue, dating back at least a year+, and people in the community are starting to create their own workarounds (example here, they work for some, but not for all). But, honestly, is this good enough? We are paying for this product, and we only have this one, single gallery option (I’m disregarding the slider in this instance, because it doesn’t provide thumbs or compatibility with multi image fields, which in itself is an issue for another thread.)

This means, that all of us that have clients that require several CMS pages with different/changing numbers of images on each of the pages, will have to tolerate that the mobile/tablet experience is completely broken: Images are not shown in full width on some devices, images are placed weirdly in top right corner on other, everything behaves oddly when going from portrait to landscape, the whole module completely breaks when zooming to pinch, the rows of thumbs are unresponsive or behaves strangely, jumping crazily around, the site in the background scrolls whilst in lightbox mode.

From my client’s POV this is unprofessional and inadequate. I have to side with them, but the blame lands on me, while both they and I keep paying for our Webflow every month. For this specific site we are talking nearly 70% of all visits coming from mobile, which I don’t think is uncommon at all. An unpleasant user experience like this might be a dealbreaker for some, that are considering buying the product(s) sold.

I would love to get an update on when we can expect this to be fixed, so I will have something to tell my clients.

Kind regards,
Jacob


Here is my site Read-Only: LINK
(how to share your site Read-Only link)

I fully share your opinion. We pay for this service, but it does not work as it should. It is strange that they were silent about this for so long and did nothing. We are waiting for a response from the service staff.

Hello everyone,

I’m sorry to hear you are encountering issues with Lightboxes on mobile devices. I’d like to take some time to get to the bottom of it on Monday, so if you could please provide me with as much detail as possible on what devices, OS, browsers, behaviors, and etc you are encountering issues that will help me diagnose it more expediently. I’ll search through the forums and related support cases in the meantime and see if I can find some sort of trend.

Thanks,

Josh
Software Quality Engineering Manager
Webflow

Hi Josh, thank you. That it very much appreciated.

I tested on iPhone 8, iPhone SE, iPhone XS and iPad 5gen, both Safari & Chrome.
Different versions of iOS, but mostly iOS12.

When in fullscreen mode:

The row of thumbnails act weird.
If you swipe towards the right to see thumbs and tap one to navigate to an image, the row sometimes rewinds to initial position or to an entirely new one.
Happens on all devices I tested on.

Lightbox positions the image strangely.
Sometimes top left, sometimes top right, sometimes cropped by the viewport. It almost aways happens when going from portrait to landscape and back again, but it also happened in tests where I just opened the website on a fresh tab without rotating my device(s).
Happens on both iPhone XS, iPhone SE, iPhone 8.

When going to landscape and pinching to zoom, the Lightbox breaks.
When going back to Portrait, the thumbnails scale down, so that they are tiny and almost impossible to see.
Happens on iPhone SE, iPhone XS.

The images of the Lightbox are not full width, but positioned at the center of the black area.
Happens on iPad, iPhone 8, iPhone SE.

The website scrolls behind the Lightbox when you interact with it.
This results in a different, unexpected position when close the Lightbox by hitting the X.
Happens on all devices I tested on.

Thumbnails (not in fullscreen mode):

The thumbnails are super sensitive.
Just doing a scrolling gesture past them will activate them / open the Lightbox, which does not feel deliberate.
Happens on all devices I tested on.

Looking forward to an update from you.
Have a great day.
J.