From 040fde459aeac3574d3934d6bb04e72ee8dc9838 Mon Sep 17 00:00:00 2001
From: martmull <martmull@hotmail.fr>
Date: Wed, 6 Aug 2025 17:03:23 +0200
Subject: [PATCH] Disable node dragging on workflow run and workflow version
 (#13693)

As title

## Before


https://github.com/user-attachments/assets/f3d07bb8-5d8b-43de-b06d-ecd747e91b31



https://github.com/user-attachments/assets/8617ac1c-841d-4945-b8a9-e5052fdb5f2b



## After


https://github.com/user-attachments/assets/4549974b-e699-4756-8479-8ee27608692b



https://github.com/user-attachments/assets/2a1aa0f3-89c3-4769-82d3-da01dfe96170
---
 .../workflow-diagram/components/WorkflowDiagramCanvasBase.tsx  | 3 +++
 .../components/WorkflowDiagramCanvasEditable.tsx               | 1 +
 2 files changed, 4 insertions(+)

diff --git a/packages/twenty-front/src/modules/workflow/workflow-diagram/components/WorkflowDiagramCanvasBase.tsx b/packages/twenty-front/src/modules/workflow/workflow-diagram/components/WorkflowDiagramCanvasBase.tsx
index 1fb245757ed..b63dcd220ec 100644
--- a/packages/twenty-front/src/modules/workflow/workflow-diagram/components/WorkflowDiagramCanvasBase.tsx
+++ b/packages/twenty-front/src/modules/workflow/workflow-diagram/components/WorkflowDiagramCanvasBase.tsx
@@ -117,6 +117,7 @@ export const WorkflowDiagramCanvasBase = ({
   onNodeDragStop,
   handlePaneContextMenu,
   nodesConnectable = false,
+  nodesDraggable = false,
 }: {
   nodeTypes: Partial<
     Record<
@@ -149,6 +150,7 @@ export const WorkflowDiagramCanvasBase = ({
   onDeleteEdge?: (edge: WorkflowDiagramEdge) => void;
   onNodeDragStop?: OnNodeDrag<WorkflowDiagramNode>;
   nodesConnectable?: boolean;
+  nodesDraggable?: boolean;
   handlePaneContextMenu?: ({
     x,
     y,
@@ -476,6 +478,7 @@ export const WorkflowDiagramCanvasBase = ({
         proOptions={{ hideAttribution: true }}
         multiSelectionKeyCode={null}
         nodesFocusable={false}
+        nodesDraggable={isWorkflowBranchEnabled ? nodesDraggable : false}
         edgesFocusable={
           isWorkflowBranchEnabled ? isDefined(onDeleteEdge) : false
         }
diff --git a/packages/twenty-front/src/modules/workflow/workflow-diagram/components/WorkflowDiagramCanvasEditable.tsx b/packages/twenty-front/src/modules/workflow/workflow-diagram/components/WorkflowDiagramCanvasEditable.tsx
index 5ff86cb2f7e..1438d9a3415 100644
--- a/packages/twenty-front/src/modules/workflow/workflow-diagram/components/WorkflowDiagramCanvasEditable.tsx
+++ b/packages/twenty-front/src/modules/workflow/workflow-diagram/components/WorkflowDiagramCanvasEditable.tsx
@@ -134,6 +134,7 @@ export const WorkflowDiagramCanvasEditable = ({
         onNodeDragStop={onNodeDragStop}
         handlePaneContextMenu={handlePaneContextMenu}
         nodesConnectable
+        nodesDraggable
         onDeleteEdge={onDeleteEdge}
       />