From 8f659eb975f46f70a0d99502ed85c0c2c54d8e2b Mon Sep 17 00:00:00 2001
From: haecheonlee <dlgocjs1@gmail.com>
Date: Tue, 16 Apr 2024 22:30:47 -0400
Subject: [PATCH] Set isDragging to false when dragging ends

---
 src/components/EditorSidePanel/TablesTab/TableInfo.jsx | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/src/components/EditorSidePanel/TablesTab/TableInfo.jsx b/src/components/EditorSidePanel/TablesTab/TableInfo.jsx
index cc64a02..23ce8e3 100644
--- a/src/components/EditorSidePanel/TablesTab/TableInfo.jsx
+++ b/src/components/EditorSidePanel/TablesTab/TableInfo.jsx
@@ -24,6 +24,7 @@ export default function TableInfo({ data }) {
   const [editField, setEditField] = useState({});
   const draggingElementIndex = useRef();
   const isDragging = useRef();
+  console.log(isDragging.current);
 
   return (
     <div>
@@ -62,6 +63,7 @@ export default function TableInfo({ data }) {
           onDragOver={(e) => {
             e.preventDefault();
             if (isDragging.current) return;
+            console.log("dragging over...");
             isDragging.current = true;
             draggingElementIndex.current = j;
           }}
@@ -80,6 +82,10 @@ export default function TableInfo({ data }) {
             updateField(data.id, index, { ...b, id: index });
             updateField(data.id, j, { ...a, id: j });
           }}
+          onDragEnd={(e) => {
+            e.preventDefault();
+            isDragging.current = false;
+          }}
         >
           <TableField data={f} tid={data.id} index={j} />
         </div>