@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.

Image

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

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?