From 3ee2508ec82d0043cd4a5dd88be41e862bb02ba1 Mon Sep 17 00:00:00 2001
From: hjlarry <hjlarry@163.com>
Date: Mon, 17 Nov 2025 16:17:34 +0800
Subject: [PATCH] fix comment input also not allow to zoomin canvas

---
 web/app/components/workflow/index.tsx | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/web/app/components/workflow/index.tsx b/web/app/components/workflow/index.tsx
index 7a0a43f78b..ed1667440a 100644
--- a/web/app/components/workflow/index.tsx
+++ b/web/app/components/workflow/index.tsx
@@ -210,6 +210,7 @@ export const Workflow: FC<WorkflowProps> = memo(({
   const showUserComments = useStore(s => s.showUserComments)
   const showUserCursors = useStore(s => s.showUserCursors)
   const isCommentPreviewHovering = useStore(s => s.isCommentPreviewHovering)
+  const isCommentInputActive = Boolean(pendingComment)
   const { t } = useTranslation()
 
   eventEmitter?.useSubscription((v: any) => {
@@ -317,7 +318,7 @@ export const Workflow: FC<WorkflowProps> = memo(({
   // Prevent browser zoom interactions from hijacking gestures meant for the workflow canvas
   useEffect(() => {
     const preventBrowserZoom = (event: WheelEvent) => {
-      if (!isCommentPreviewHovering)
+      if (!isCommentPreviewHovering && !isCommentInputActive)
         return
 
       if (event.ctrlKey || event.metaKey)
@@ -325,7 +326,7 @@ export const Workflow: FC<WorkflowProps> = memo(({
     }
 
     const preventGestureZoom = (event: Event) => {
-      if (!isCommentPreviewHovering)
+      if (!isCommentPreviewHovering && !isCommentInputActive)
         return
 
       event.preventDefault()
@@ -343,7 +344,7 @@ export const Workflow: FC<WorkflowProps> = memo(({
         window.removeEventListener(eventName, preventGestureZoom)
       })
     }
-  }, [isCommentPreviewHovering])
+  }, [isCommentPreviewHovering, isCommentInputActive])
 
   const {
     handleNodeDragStart,