happyz
/
memos
mirror of https://github.com/usememos/memos.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

fix: prevent double effect on image modal wheel event (#4522) 

- escape key closes the modal
- zooming is a bit smoother
This commit is contained in:
Amir Ehsandar 2025-03-16 05:58:59 +03:30 committed by GitHub
parent c0643ff6fa
commit 2e9b9368db
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 13 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
web/src/components/PreviewImageDialog.tsx
View File

@ -5,7 +5,7 @@ import { generateDialog } from "./Dialog";
const MIN_SCALE = 0.5;
const MAX_SCALE = 5;
const SCALE_UNIT = 0.25;
const SCALE_UNIT = 0.2;
interface Props extends DialogProps {
imgUrls: string[];
@ -95,14 +95,22 @@ const PreviewImageDialog: React.FC<Props> = ({ destroy, imgUrls, initialIndex }:
};
const handleImageContainerKeyDown = (event: KeyboardEvent) => {
if (event.key == "ArrowLeft") {
showPrevImg();
} else if (event.key == "ArrowRight") {
showNextImg();
switch (event.key) {
case "ArrowLeft":
showPrevImg();
break;
case "ArrowRight":
showNextImg();
break;
case "Escape":
destroyAndResetViewport();
break;
default:
}
};
const handleImgContainerScroll = (event: React.WheelEvent) => {
event.stopPropagation();
const offsetX = event.nativeEvent.offsetX;
const offsetY = event.nativeEvent.offsetY;
const sign = event.deltaY < 0 ? 1 : -1;