Elements Users: Can you help with the Gallery Component?

Same issue as others have reported here. The lightbox navigation works fine if thumbnails of all images in imported folder are visible on main screen but, if some are off-screen, fully or truncated, clicking either forward or back arrows rewinds the lightbox to the first image. Thereafter both arrows are inoperable. (Mac Mini M4, Sequoia 15.2, latest Firefox, Elements vB31)

I’m working on my 32 inch monitor today and noticed the gallery is working as expected. As soon as I reduce the window (to not show the thumbnails in their entirety) I get the failing gallery again.
I note the close button for the gallery is still behind the top navigation bar but clicking anywhere on the page seems to close the gallery anyway.

Kudos to the tester who first identified this bug - well spotted.

https://photonique.org/beta-gallery/
I am self hosting with my own servers and frequently it is impossible to move from one slide to the next using the arrows however on my iPad it may be possible to swipe. My images are large which may be causing the issue however I use headless WP and Jalbum and do not have this type of issue.

The site is a test domain and I also use cloudflare

Same issue on old intel 27 inch IMac and M4 pro Mac mini using osx 15.2

This may be relevant to this lightbox navigation problem and explain why not everyone experiences it. In the Appearance section of macos system settings there are options relating to scroll bar behaviour. If the “When scrolling” option is chosen the lightbox navigation works as intended. The problem seems to occur if either of the “Always” or “Automatically based …” options are selected.

1 Like

wow…how the hell did you sus that out??? hahahaha

This partially works. I changed the OS setting (I had it on Always) and the first time I tried it, it seemed to work fine.

However, when I closed the lightbox and tried again, it only displayed a subset of the images using the navigation. At one stage it was showing just two images.

It may be a caching issue as sometimes I click on one of the middle images and it shows the first image. If I click the navigation arrow it skips directly to the image I originally clicked.
If I click on the middle image again it displays properly. I’m trying to pin down a pattern but it’s very inconsistent. The behaviour still varies depending on whether the thumbnails are all visible.

I’ll just add, changing the System setting is not a real solution, I suspect many people have something other than “When Scrolling” on.

yes but most people dont use Macs so I cant test windows machines.
also since I did change the setting the gallery has worked all the time every time (touch wood)

I didn’t suggest that changing the system settings was the solution to the problem but offered it as a possible clue to where, in the code, developers might find the solution. There’s no way it could be the fix since the system settings are chosen by users and not the developers.

I have not managed to recreate the issues you mention but, with the “When scrolling” system setting selected, the Gallery component works, for me at least, consistently as intended.

me too maxken…works perfectly when the settings was changed and has done ever since…dan is aware.

1 Like

Sorry, I didn’t mean to infer you did.

It’s clear there is something going on with scrolling and galleries but it would be unwise for RM to believe all users will change a setting to resolve it. You’ve done very well to pickup the relationship and hopefully it will help them track down the issue.

Thanks for all the feedback so far, it’s been really helpful. We’ll be digging into this again soon and will ensure it’s fixed for EVERYONE.

Worked fine for me.

I have just had a play with the Gallery again. If the thumbnails are all on screen it works fine. If some are off screen i.e. to few columns defined, it always goes to the first picture when you click next.
I looked at the next() code and if all the thumbnails are on screen and I click on thumbnail 17 (or maybe 16) then click the Next arrow I get this;

If I reduce the number of columns so some of the thumbnails are off screen I get this when I select image 17/16 and click next arrow;

See the index in the second case is -1 not 17

I hope that is of any use

Thanks for looking at this. I’m hoping to go back to the gallery in the next couple of weeks and iron out all these issues :blush:

Hi all! Bumping this thread to see if anyone is still having issues with the Gallery with the latest beta?

The Gallery javascript has been completely re-written, and I am hopeful this will solve the issues you might have been having.

I’d really appreciate if anyone who was having issues could check the Gallery again and report back with their findings :slight_smile:

hasn’t worked since last update…got several galleries and whatever one I try to open just jumps to the last gallery

just sent dan a video…set new gallery with 4 albums and didn’t alter anything and it showed me when clicking on a photo it opens all 4 galleries 1 on top of another starting with the last one. as you close each gallery the next one pops into view and so on…didnt spot it before as I had coloured backgrounds

This is fixed in the latest build :slight_smile:

thanks I see it..wondered if you could move the close button down a bit as its under my menu…I have set the z point to 1 more than the menu but then you dont get the menu would prefer if I could have both…dont know how hard it is to do…great update tho

Anything is possible…

However, in my experience, Lightboxes ALWAYS appear over the menu of a site, they cover everything — This feels like the better way to do things and something your viewers will be more familiar with.

1 Like