We have enabled the experimental setting enable_experimental_lightbox on Meta. This is part of our ongoing efforts to improve your user experience and introduce new features.
The Discourse Lightbox is a new feature we’re testing that aims to enhance the way images are displayed on the forum. This change is also part of our migration away from the Magnific Popup, and therefore jQuery.
The new lightbox supports keyboard shortcuts for common actions such as:
M fullscreen mode
R rotate image
A open/close carousel
Z zoom in/out
D download image
T open image in new tab
→ / ↓ next image
← / ↑ previous image
Esc close lightbox
And here are some of the reasons why we are moving away from Magnific Popup:
It has jQuery as a dependency
It contains code meant for ancient browsers
The average device used to access the web has changed a lot since then
It was designed with something other than single-page applications like Discourse as a priority - namely, static pages.
How you can help us
We’d love to hear your feedback on this new feature. If you’re an admin and would like to try it out on your forum, you can turn on the enable_experimental_lightbox setting. Please share your experiences, report any bugs, or provide any suggestions in this announcement topic. We will be collecting feedback until the end of September.
Our goal is to make this experimental feature the standard in October.
Thank you for your participation and for helping us make Discourse better!
I’ve been playing around with it for a bit now. I was expecting a swipe down/up gesture to close out of the image, bht it kept scrolling on the page, I had to long press to close it. Is this intentional or a missing feature?
By any chance are the issues with the lightbox related to images not loading? I’ve been using the experimental version since it was released without issue, then I upgraded to latest yesterday and suddenly two users have issues with images not loading in the lightbox. You can follow the saga here: large view when clicking on images - Site Support - Nature Photographers Network
One thing to note is that the lightbox changes are only on the frontend. The 403 errors look like authorisation issues. Have you made any changes to your CDN recently?
This new lightbox is still experimental, and to be transparent, we’ll likely not see changes in the next couple of months, so if issues continue to persist, please consider turning it off.
Thanks Natalie, I have not made any changes on my CDN, the only thing I did was upgrade to latest. I turned off the new lightbox this morning and the user no longer has the issue, so it’s definitely an issue with the new lightbox and/or changes made in core recently. Also, after this update the download button disappeared in the new lightbox
Weird, I do still see it on my local and a hosted instance. Is this for every user? Could you check if the button is there or is it just the vector (svg)?
If you can get any more information about that user issue (e.g. one or more images in the post, which browsers and the browser versions) that would help us a lot!