search

thegetty / quire

A multi-package repository for the Quire multiformat publishing framework
https://quire.getty.edu/
BSD 3-Clause "New" or "Revised" License
98 stars 12 forks source link

Catalogue entry image zoom not resetting to normal size when closed #723

Closed zsofiaj closed 1 year ago

zsofiaj commented 1 year ago

Before proceeding, check to make sure there isn’t an existing issue for this bug.

Steps to reproduce

When I click on the little square zoom symbol at the top left of the main image on a catalogue entry, I zoom in on full-screen image, and then I close the zoomed lightbox view, the image shows up partially zoomed and sometimes misaligned on the main entry page. Even if I zoom out in the Lightbox view, sometimes I can't get the image back to the center unless I reload the page. Is there a way to make that image reset to the original size every time the lightbox view is closed? Maybe this is a known issue that you are working on, but I wasn't able to find it in this list of issues. I've uploaded 4 screenshots here of the sequence of opening the zoomed image, zooming, then closing it.

Screen Shot 2023-05-08 at 3 51 42 PM Screen Shot 2023-05-08 at 3 51 50 PM Screen Shot 2023-05-08 at 3 52 03 PM Screen Shot 2023-05-08 at 3 52 12 PM

Actual behavior

Zoomed image stays zoomed and off to the side if that is the area that was zoomed in the lightbox view.

Expected behavior

I would expect the image to reset to the normal size and layout when I close the lightbox view.

Version numbers

MacOS 11.5.1 Chrome 109.0.5414.119 Safari 14.1.2 Quire version 1.0.0-rc.3

What browsers are you seeing the problem on?

Chrome, Safari

Relevant Terminal/Shell output

No response

Supporting Information

No response

Erin-Cecele commented 1 year ago

I am able to recreate this issue in the starter project.

MacOS: Monterey 12.5.1 Chrome: 113.0.5672.63 Firefox: 112.0.2 Quire version 1.0.0-rc-6

The image does not automatically go back to its original state after zooming in via the lightbox. It takes some fidgeting to zoom out and recenter to get it close to the original.