From 4d69c40d2079675e858119cd960374b96ab42eec Mon Sep 17 00:00:00 2001
From: Muhammed Mustafa <mustafa@nocodb.com>
Date: Thu, 26 Oct 2023 16:52:30 +0000
Subject: [PATCH] fix: Removed flickering for column dnd

---
 .../nc-gui/components/smartsheet/grid/useColumnDrag.ts | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/packages/nc-gui/components/smartsheet/grid/useColumnDrag.ts b/packages/nc-gui/components/smartsheet/grid/useColumnDrag.ts
index b04ad12cfd..7dcb534b60 100644
--- a/packages/nc-gui/components/smartsheet/grid/useColumnDrag.ts
+++ b/packages/nc-gui/components/smartsheet/grid/useColumnDrag.ts
@@ -45,14 +45,20 @@ export const useColumnDrag = ({
 
     draggedCol.value = fields.value.find((f) => f.id === colId) ?? null
     dragColPlaceholderDomRef.value!.style.height = `${tableBodyEl.value?.getBoundingClientRect().height}px`
+
+    const x = e.clientX - leftSidebarWidth.value
+
+    if (x >= 0 && dragColPlaceholderDomRef.value) {
+      dragColPlaceholderDomRef.value.style.left = `${x.toString()}px`
+    }
   }
 
   const onDrag = (e: DragEvent) => {
+    e.preventDefault()
+
     if (!e.dataTransfer) return
     if (!draggedCol.value) return
 
-    e.preventDefault()
-
     if (!dragColPlaceholderDomRef.value) return
 
     if (e.clientX === 0) {