From e991e151dbc402e87adffa9d9b671320312866ac Mon Sep 17 00:00:00 2001
From: Carlos Valente <carlosvalente@pm.me>
Date: Mon, 27 May 2024 23:06:08 +0200
Subject: [PATCH] refactor: improve dnd activation strategy

---
 .../cuesheet-table-elements/CuesheetHeader.tsx         | 10 +++-------
 1 file changed, 3 insertions(+), 7 deletions(-)

diff --git a/apps/client/src/features/cuesheet/cuesheet-table-elements/CuesheetHeader.tsx b/apps/client/src/features/cuesheet/cuesheet-table-elements/CuesheetHeader.tsx
index 5387ccc52..a72f01318 100644
--- a/apps/client/src/features/cuesheet/cuesheet-table-elements/CuesheetHeader.tsx
+++ b/apps/client/src/features/cuesheet/cuesheet-table-elements/CuesheetHeader.tsx
@@ -1,15 +1,14 @@
 import { Tooltip } from '@chakra-ui/react';
 import {
-  closestCenter,
+  closestCorners,
   DndContext,
   DragEndEvent,
-  KeyboardSensor,
   PointerSensor,
   TouchSensor,
   useSensor,
   useSensors,
 } from '@dnd-kit/core';
-import { horizontalListSortingStrategy, SortableContext, sortableKeyboardCoordinates } from '@dnd-kit/sortable';
+import { horizontalListSortingStrategy, SortableContext } from '@dnd-kit/sortable';
 import { flexRender, HeaderGroup } from '@tanstack/react-table';
 import { OntimeRundownEntry } from 'ontime-types';
 
@@ -52,9 +51,6 @@ export default function CuesheetHeader(props: CuesheetHeaderProps) {
         tolerance: 50,
       },
     }),
-    useSensor(KeyboardSensor, {
-      coordinateGetter: sortableKeyboardCoordinates,
-    }),
   );
 
   return (
@@ -63,7 +59,7 @@ export default function CuesheetHeader(props: CuesheetHeaderProps) {
         const key = headerGroup.id;
 
         return (
-          <DndContext key={key} sensors={sensors} collisionDetection={closestCenter} onDragEnd={handleOnDragEnd}>
+          <DndContext key={key} sensors={sensors} collisionDetection={closestCorners} onDragEnd={handleOnDragEnd}>
             <tr key={headerGroup.id}>
               <th className={style.indexColumn}>
                 <Tooltip label='Event Order' openDelay={tooltipDelayFast}>