From e90f4cca57415ad068eec777fa1bbe2f8b70bd75 Mon Sep 17 00:00:00 2001
From: Braks <78412429+bcakmakoglu@users.noreply.github.com>
Date: Mon, 19 Aug 2024 17:29:57 +0200
Subject: [PATCH] fix(core): only display grab cursor when panOnDrag is on left
 mouse button (#1586)

* fix(core): only display grab cursor when panOnDrag is on left mouse button

Signed-off-by: braks <78412429+bcakmakoglu@users.noreply.github.com>

* chore(changeset): add

Signed-off-by: braks <78412429+bcakmakoglu@users.noreply.github.com>

---------

Signed-off-by: braks <78412429+bcakmakoglu@users.noreply.github.com>
---
 .changeset/famous-games-behave.md                 | 5 +++++
 packages/core/src/container/Viewport/Viewport.vue | 6 +++++-
 2 files changed, 10 insertions(+), 1 deletion(-)
 create mode 100644 .changeset/famous-games-behave.md

diff --git a/.changeset/famous-games-behave.md b/.changeset/famous-games-behave.md
new file mode 100644
index 000000000..3a3c53edd
--- /dev/null
+++ b/.changeset/famous-games-behave.md
@@ -0,0 +1,5 @@
+---
+"@vue-flow/core": patch
+---
+
+Only display grab cursor when panOnDrag is on left mouse button
diff --git a/packages/core/src/container/Viewport/Viewport.vue b/packages/core/src/container/Viewport/Viewport.vue
index 98e3b3996..1571777aa 100644
--- a/packages/core/src/container/Viewport/Viewport.vue
+++ b/packages/core/src/container/Viewport/Viewport.vue
@@ -408,7 +408,11 @@ export default {
     <Pane
       :is-selecting="isSelecting"
       :selection-key-pressed="selectionKeyPressed"
-      :class="{ connecting: !!connectionStartHandle, dragging: paneDragging, draggable: shouldPanOnDrag }"
+      :class="{
+        connecting: !!connectionStartHandle,
+        dragging: paneDragging,
+        draggable: panOnDrag === true || (Array.isArray(panOnDrag) && panOnDrag.includes(0)),
+      }"
     >
       <Transform>
         <slot />