[DataGridPro] Fix dragging styles removal in column reorder (#14680)

mui · Sep 28, 2024 · 1cfe453 · 1cfe453
1 parent 110b83e
commit 1cfe453
Showing 1 changed file with 13 additions and 1 deletion.
diff --git a/packages/x-data-grid-pro/src/hooks/features/columnReorder/useGridColumnReorder.tsx b/packages/x-data-grid-pro/src/hooks/features/columnReorder/useGridColumnReorder.tsx
@@ -311,6 +311,12 @@ export const useGridColumnReorder = (
       event.stopPropagation();
 
       clearTimeout(removeDnDStylesTimeout.current);
+
+      // For more information check here https://github.com/mui/mui-x/issues/14678
+      if (dragColNode.current!.classList.contains(classes.columnHeaderDragging)) {
+        dragColNode.current!.classList.remove(classes.columnHeaderDragging);
+      }
+
       dragColNode.current = null;
 
       // Check if the column was dropped outside the grid.
@@ -335,7 +341,13 @@ export const useGridColumnReorder = (
       }));
       apiRef.current.forceUpdate();
     },
-    [props.disableColumnReorder, props.keepColumnPositionIfDraggedOutside, logger, apiRef],
+    [
+      apiRef,
+      props.disableColumnReorder,
+      props.keepColumnPositionIfDraggedOutside,
+      logger,
+      classes.columnHeaderDragging,
+    ],
   );
 
   useGridApiEventHandler(apiRef, 'columnHeaderDragStart', handleDragStart);