diff --git a/web/app/components/workflow/index.tsx b/web/app/components/workflow/index.tsx
index 86c6bf153e..4fc9c48caa 100644
--- a/web/app/components/workflow/index.tsx
+++ b/web/app/components/workflow/index.tsx
@@ -409,8 +409,8 @@ export const Workflow: FC<WorkflowProps> = memo(({
         nodesConnectable={!nodesReadOnly}
         nodesFocusable={!nodesReadOnly}
         edgesFocusable={!nodesReadOnly}
-        panOnScroll={false}
-        panOnDrag={controlMode === ControlMode.Hand}
+        panOnScroll={controlMode === ControlMode.Pointer && !workflowReadOnly}
+        panOnDrag={controlMode === ControlMode.Hand || [1]}
         zoomOnPinch={true}
         zoomOnScroll={true}
         zoomOnDoubleClick={true}