Lightbox view: Zoom in position does not follow mouse click

[AndrewKeYanzhe]

Checklist

• I have read and accepted the contributing guidelines.

How did you create the site?

Generated from chirpy-starter

Describe the bug

In the lightbox view, when one clicks on a high resolution image (e.g. 24 MP), the browser always zooms in on the middle right of the image. This happens even when you click in the lower left region of the image to zoom.

This is a problem with the glightbox library, and I have patched the library in my own Chirpy repo. You can see my deployment here where the bug is fixed.

This patch can be upstreamed to Chirpy to fix the pug

Steps To Reproduce

In my own repo I have fixed the bug by linking a patched glightbox.js

Hence I will show the same bug on the glightbox demo site

1. Go to https://biati-digital.github.io/glightbox/#examples
2. Click on this image

4. Click anywhere on the image (mouse shows magnifier with +)
5. Notice that the image always zooms in to a fixed position.

Expected Behavior

The image zooms in on the region that the user clicks.

This is the default behaviour of Chrome when the image is opened directly (e.g. open image in new tab).

Environment

• Ruby: ruby 3.4.1 (2024-12-25 revision 48d4efcb85) +PRISM [arm64-darwin24]

• Jekyll: jekyll 4.4.1

• Chirpy: jekyll-theme-chirpy-7.2.4

Chrome Version 134.0.6998.166 (Official Build) (arm64)

Anything else?

[lotusk08]

I checked your site & viewed the photos, but I got some glitches when zooming and moving on the picture.
In the original of theme, it’s not smooth too. Let me think about adjusting this.
I love the photography too!