From 58d11db1f9008f0fffcecfbf5a53f5f23fd9a5b0 Mon Sep 17 00:00:00 2001
From: braks <78412429+bcakmakoglu@users.noreply.github.com>
Date: Thu, 13 Oct 2022 23:47:43 +0200
Subject: [PATCH] fix(nodes): add missing dragging class to node selection rect

---
 .../core/src/components/NodesSelection/NodesSelection.vue     | 4 ++--
 packages/core/src/style.css                                   | 4 ++++
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/packages/core/src/components/NodesSelection/NodesSelection.vue b/packages/core/src/components/NodesSelection/NodesSelection.vue
index 61858846..d148f8a1 100644
--- a/packages/core/src/components/NodesSelection/NodesSelection.vue
+++ b/packages/core/src/components/NodesSelection/NodesSelection.vue
@@ -6,7 +6,7 @@ const { emits, setState, viewport, getSelectedNodes, snapToGrid, snapGrid, noPan
 
 const el = ref()
 
-useDrag({
+const dragging = useDrag({
   el,
   onStart(event, node, nodes) {
     emits.selectionDragStart({ event, node, nodes })
@@ -43,6 +43,6 @@ export default {
     :class="noPanClassName"
     :style="{ transform: `translate(${viewport.x}px,${viewport.y}px) scale(${viewport.zoom})` }"
   >
-    <div ref="el" class="vue-flow__nodesselection-rect" :style="innerStyle" @contextmenu="onContextMenu" />
+    <div ref="el" :class="{ dragging }" class="vue-flow__nodesselection-rect" :style="innerStyle" @contextmenu="onContextMenu" />
   </div>
 </template>
diff --git a/packages/core/src/style.css b/packages/core/src/style.css
index d8ed7a7c..f1a59701 100644
--- a/packages/core/src/style.css
+++ b/packages/core/src/style.css
@@ -132,6 +132,10 @@
      position: absolute;
      pointer-events: all;
      cursor: grab;
+
+    &.dragging {
+          cursor: grabbing;
+        }
    }
 }