From a13c52d3e3ad11514d041eb5751a1139de9a8bb8 Mon Sep 17 00:00:00 2001
From: jason <stedwell@gmail.com>
Date: Sun, 22 Mar 2026 11:37:14 -0500
Subject: [PATCH] fix(rack): ensure dnd-kit DragOverlay ignores pointer events
 to fix hit-testing

---
 client/src/components/rack/DevicePalette.tsx | 2 +-
 client/src/components/rack/RackPlanner.tsx   | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/client/src/components/rack/DevicePalette.tsx b/client/src/components/rack/DevicePalette.tsx
index 7473ad9..73b1c72 100644
--- a/client/src/components/rack/DevicePalette.tsx
+++ b/client/src/components/rack/DevicePalette.tsx
@@ -27,7 +27,7 @@ function PaletteItem({ type }: { type: ModuleType }) {
       {...listeners}
       {...attributes}
       className={cn(
-        'flex items-center gap-2 px-2 py-1.5 rounded border text-left w-full cursor-grab active:cursor-grabbing transition-all select-none',
+        'flex items-center gap-2 px-2 py-1.5 rounded border text-left w-full cursor-grab active:cursor-grabbing transition-all select-none touch-none',
         colors.bg,
         colors.border,
         isDragging ? 'opacity-40' : 'hover:brightness-125'
diff --git a/client/src/components/rack/RackPlanner.tsx b/client/src/components/rack/RackPlanner.tsx
index ba16f5e..38ccc55 100644
--- a/client/src/components/rack/RackPlanner.tsx
+++ b/client/src/components/rack/RackPlanner.tsx
@@ -277,7 +277,7 @@ export function RackPlanner() {
         </div>
       </div>
 
-      <DragOverlay dropAnimation={null}>
+      <DragOverlay dropAnimation={null} className="pointer-events-none" zIndex={999} style={{ pointerEvents: 'none' }}>
         {activePaletteType && <DragOverlayItem type={activePaletteType} />}
         {activeDragModuleLabel && <ModuleDragOverlay label={activeDragModuleLabel} />}
       </DragOverlay>