The bug

Viewing an image in the image viewer causes any mouse events that the browser is supposed to handle natively (back/forward bound to mouse4/5 for example) to not fire. This prevents mouse navigation when the cursor is over the image container.

Hovering the cursor over the Info panel, the previous/next image elements, etc., correctly allows navigation.

Only tested Chrome 124 and Firefox 125, and of the two, only Chrome is affected.

The OS that Immich Server is running on

Windows 10 22H2 (19045.4291)

Version of Immich Server

v1.103.1

Version of Immich Mobile App

N/A

Platform with the issue

• Server
• Web
• Mobile

Your docker-compose.yml content

N/A

Your .env content

N/A

Reproduction steps

1. Navigate to a photo in Chrome
2. Move the cursor over the image and/or the element that contains the image
3. Press the back navigation button a mouse

Relevant log output

No response

Additional information

Not sure why Firefox isn't affected (maybe it doesn't fire pointerdown events by default) but I think the issue stems from the following:

When the PhotoViewer is rendered, createZoomImageWheel is called.

This calls @zoom-image/core's _createZoomImageWheel:
https://github.com/willnguyen1312/zoom-image/blob/5c8bcc09bd1eabb8909d01751bbfaca916f3bfec/packages/svelte/src/useZoomImageWheel.ts#L18

This creates a listener for the pointerdown event here:
https://github.com/willnguyen1312/zoom-image/blob/5c8bcc09bd1eabb8909d01751bbfaca916f3bfec/packages/core/src/createZoomImageWheel.ts#L412

This effectively calls _handlePointerDown here which prevents the default event behavior, which I assume is browser navigation.
https://github.com/willnguyen1312/zoom-image/blob/5c8bcc09bd1eabb8909d01751bbfaca916f3bfec/packages/core/src/createZoomImageWheel.ts#L347