Page jump to bottom on lightbox open

[BentiGorlich]

Describe the bug
When I click on the image that opens up the light box on mobile (Firefox) and I am at least a bit scrolled down, the page behind the lightbox jumps to the bottom.

Are you able to reproduce the bug in the demo site
No

To Reproduce
Steps to reproduce the behavior:

1. Go to https://gehirneimer.de on a mobile device
2. Scroll a bit down
3. Click on an image thumbnail
4. Page jumps to the bottom
5. You can also (when using remote debugging) attach an event handler to the scroll event and get this event triggered when opening the lightbox:

Expected behavior
The lightbox should open without the page jumping to the bottom.

Post the code you are using

const params = {
    selector: '.thumb',
    openEffect: 'none',
    closeEffect: 'none',
    touchNavigation: true,
};
GLightbox(params);

The full code can be viewed at: https://github.com/MbinOrg/mbin
The explicit js stimulus controller used: https://github.com/MbinOrg/mbin/blob/main/assets/controllers/lightbox_controller.js

Smartphone:

• Device: Fairphone 4
• OS: iodéOS 6 (Android 15)
• Browser: Firefox mobile
• Version: 135.0

[BentiGorlich]

It seems like clearing the browser data and cookies solved this problem, so it had probably nothing to do with this library and was just a weird coincidence

[gingerchew]

That is very strange, thanks for coming back and closing this when you found the solution :)

[BentiGorlich]

sure thing :)

[BentiGorlich]

Ok, I am not super sure, but it is hard for me to debug, as webpack only puts the minified version in our project even when compiling it with source maps... Buuuuut I think I might have identified the problem: Only in Firefox, but emulatable on mobile: if there is a horizontally scrolling element opening the lightbox is causing a jump to the bottom of the page... I am not sure if I can reproduce it on other projects, but after searching for the origin for hours I think I can rule that out. Would you maybe try to reproduce this behaviour? Or can you give me a hint how I'd get the non minified version into webpack?