From 51194aca6c51c9550703f416fa204f367d8a00de Mon Sep 17 00:00:00 2001
From: Stephen Zhou <38493346+hyoban@users.noreply.github.com>
Date: Thu, 14 Nov 2024 15:20:23 +0800
Subject: [PATCH] fix: click outside to click area

---
 apps/renderer/src/components/ui/media/preview-media.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/apps/renderer/src/components/ui/media/preview-media.tsx b/apps/renderer/src/components/ui/media/preview-media.tsx
index acfe53c1f6..b84a88cc35 100644
--- a/apps/renderer/src/components/ui/media/preview-media.tsx
+++ b/apps/renderer/src/components/ui/media/preview-media.tsx
@@ -349,10 +349,7 @@ const FallbackableImage: FC<
   const [ref, { width: imgWidth }] = useMeasure()
 
   return (
-    <div
-      className={cn("center flex size-full flex-col", containerClassName)}
-      onClick={stopPropagation}
-    >
+    <div className={cn("center flex size-full flex-col", containerClassName)}>
       {!isAllError && (
         <TransformWrapper
           wheel={{ smoothStep: 0.008 }}
@@ -372,6 +369,9 @@ const FallbackableImage: FC<
             }}
             contentClass={wrapperClass}
             contentStyle={wrapperStyle}
+            wrapperProps={{
+              onClick: stopPropagation,
+            }}
           >
             <img
               ref={ref}