fix

frontend/src/detail/PreviewZoomOverlay.tsx

@@ -214,22 +214,22 @@ const PreviewZoomOverlay: React.FC<PreviewZoomOverlayProps> = ({
     const key = event.key;
 
     if (key === ' ' || key === 'Space' || key === 'Spacebar') {
-      const target = event.target;
-      if (target instanceof HTMLElement) {
-        const tag = target.tagName ? target.tagName.toLowerCase() : '';
-        if (
-          target.isContentEditable
-          || tag === 'input'
-          || tag === 'textarea'
-          || tag === 'select'
-        ) {
-          return;
-        }
+    const target = event.target;
+    if (target instanceof HTMLElement) {
+      const tag = target.tagName ? target.tagName.toLowerCase() : '';
+      if (
+        target.isContentEditable
+        || tag === 'input'
+        || tag === 'textarea'
+        || tag === 'select'
+      ) {
+        return;
       }
-      event.preventDefault();
-      onClose();
-      return;
     }
+    event.preventDefault();
+    onClose();
+    return;
+  }
 
     if (key === 'Escape') {
       event.preventDefault();
@@ -264,6 +264,7 @@ const PreviewZoomOverlay: React.FC<PreviewZoomOverlayProps> = ({
     if (isPdfDisplay) {
       return;
     }
+    event.stopPropagation();
     toggleZoomAtPoint(event.clientX ?? 0, event.clientY ?? 0);
   };
 
@@ -322,11 +323,11 @@ const PreviewZoomOverlay: React.FC<PreviewZoomOverlayProps> = ({
       >
         <div
           className={stageClassName}
-          onClick={(event) => {
-            if (event.target === event.currentTarget) {
-              onClose();
-            }
-          }}
+        onClick={(event) => {
+          if (event.target === event.currentTarget) {
+            onClose();
+          }
+        }}
         >
           <div
             className={containerClassName}