From 9cc0023b9ca7904e2a28f8f8fc3335796aa930ff Mon Sep 17 00:00:00 2001
From: Navaneeth Pk <navaneeth@tooljet.io>
Date: Wed, 24 Nov 2021 18:01:21 +0530
Subject: [PATCH] Disable drag while table columns are being resized  (#1452)

* Fix resize

* Fix

* Make calendar not draggable from its body

Co-authored-by: Sherfin Shamsudeen <sherfin94@gmail.com>
---
 frontend/src/Editor/DraggableBox.jsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/frontend/src/Editor/DraggableBox.jsx b/frontend/src/Editor/DraggableBox.jsx
index 0ca62087a6..680cb7f874 100644
--- a/frontend/src/Editor/DraggableBox.jsx
+++ b/frontend/src/Editor/DraggableBox.jsx
@@ -207,6 +207,7 @@ export const DraggableBox = function DraggableBox({
               setDragging(false)
               onDragStop(e, id, direction, currentLayout, currentLayoutOptions)
             }}
+            cancel={`div.table-responsive.jet-data-table, div.calendar-widget`}
             onDragStart={(e) => e.stopPropagation()}
             enableResizing={mode === 'edit'}
             onResizeStop={(e, direction, ref, d, position) => {