improvement(canvas): enable middle mouse button panning in cursor mode

waleedlatif1 · waleedlatif1 · commit 67ef2b25e691 · 2026-03-12T12:34:31.000-07:00
diff --git a/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/hooks/use-shift-selection-lock.ts b/apps/sim/app/workspace/[workspaceId]/w/[workflowId]/hooks/use-shift-selection-lock.ts
@@ -12,7 +12,7 @@ interface UseShiftSelectionLockResult {
   /** Computed ReactFlow props based on current selection state */
   selectionProps: {
     selectionOnDrag: boolean
-    panOnDrag: [number, number] | false
+    panOnDrag: number[]
     selectionKeyCode: string | null
   }
 }
@@ -55,7 +55,7 @@ export function useShiftSelectionLock({
 
   const selectionProps = {
     selectionOnDrag: !isHandMode || isShiftSelecting,
-    panOnDrag: (isHandMode && !isShiftSelecting ? [0, 1] : false) as [number, number] | false,
+    panOnDrag: isHandMode && !isShiftSelecting ? [0, 1] : [1],
     selectionKeyCode: isShiftSelecting ? null : 'Shift',
   }
 

Original file line number	Diff line number	Diff line change
`@@ -12,7 +12,7 @@ interface UseShiftSelectionLockResult {`
`12`	`12`	`/** Computed ReactFlow props based on current selection state */`
`13`	`13`	`selectionProps: {`
`14`	`14`	`selectionOnDrag: boolean`
`15`		`- panOnDrag: [number, number] \| false`
	`15`	`+ panOnDrag: number[]`
`16`	`16`	`selectionKeyCode: string \| null`
`17`	`17`	`}`
`18`	`18`	`}`
`@@ -55,7 +55,7 @@ export function useShiftSelectionLock({`
`55`	`55`
`56`	`56`	`const selectionProps = {`
`57`	`57`	`selectionOnDrag: !isHandMode \|\| isShiftSelecting,`
`58`		`- panOnDrag: (isHandMode && !isShiftSelecting ? [0, 1] : false) as [number, number] \| false,`
	`58`	`+ panOnDrag: isHandMode && !isShiftSelecting ? [0, 1] : [1],`
`59`	`59`	`selectionKeyCode: isShiftSelecting ? null : 'Shift',`
`60`	`60`	`}`
`61`	`61`