From b2a509fc38e704411e5343969f56a7c3edd79d7c Mon Sep 17 00:00:00 2001
From: Iu <iu@prhub.ru>
Date: Wed, 21 Oct 2026 00:34:15 +0300
Subject: [PATCH] =?UTF-8?q?fix(web):=20=D0=B2=20=D0=B7=D1=83=D0=BC=D0=B5?=
 =?UTF-8?q?=20=D1=81=D1=82=D1=80=D0=B5=D0=BB=D0=BA=D0=B8=20=D0=BF=D0=B0?=
 =?UTF-8?q?=D0=BD=D0=BE=D1=80=D0=B0=D0=BC=D0=B8=D1=80=D1=83=D1=8E=D1=82=20?=
 =?UTF-8?q?=D1=84=D0=BE=D1=82=D0=BE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Стрелки влево/вправо переключают фото только без зума; в зуме они двигают
изображение, как и перетаскивание мышью.
---
 frontend/src/lib/components/Viewer.svelte | 30 ++++++++++++++++++++---
 1 file changed, 27 insertions(+), 3 deletions(-)

diff --git a/frontend/src/lib/components/Viewer.svelte b/frontend/src/lib/components/Viewer.svelte
index a6b2706..0c436f4 100644
--- a/frontend/src/lib/components/Viewer.svelte
+++ b/frontend/src/lib/components/Viewer.svelte
@@ -539,15 +539,39 @@
 			return;
 		}
 		if (zoomed) {
-			// В зуме стрелки переключают фото, а панорамирование — мышью.
-			if (ev.key === 'ArrowLeft') prev();
-			else if (ev.key === 'ArrowRight') next();
+			// В зуме стрелки панорамируют фото, а не переключают его.
+			panByKey(ev);
 			return;
 		}
 		if (ev.key === 'ArrowLeft') prev();
 		else if (ev.key === 'ArrowRight') next();
 	}
 
+	/** Панорамирование зума стрелками. */
+	function panByKey(ev: KeyboardEvent) {
+		const el = scroller;
+		if (!el) return;
+		const step = Math.max(60, Math.round(el.clientWidth / 8));
+		switch (ev.key) {
+			case 'ArrowLeft':
+				el.scrollLeft -= step;
+				break;
+			case 'ArrowRight':
+				el.scrollLeft += step;
+				break;
+			case 'ArrowUp':
+				el.scrollTop -= step;
+				break;
+			case 'ArrowDown':
+				el.scrollTop += step;
+				break;
+			default:
+				return;
+		}
+		ev.preventDefault();
+		scheduleViewport();
+	}
+
 	function onTouchStart(ev: TouchEvent) {
 		touchX = ev.changedTouches[0].clientX;
 	}