From bfb3a975ea332de43fa0c7b694dba262f226eef0 Mon Sep 17 00:00:00 2001
From: BOHA <boha@boha.cz>
Date: Mon, 23 Mar 2026 19:04:55 +0100
Subject: [PATCH] fix: restrict item drag to parent table bounds

---
 src/admin/pages/OfferDetail.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/admin/pages/OfferDetail.tsx b/src/admin/pages/OfferDetail.tsx
index 824f52b..da9b3b4 100644
--- a/src/admin/pages/OfferDetail.tsx
+++ b/src/admin/pages/OfferDetail.tsx
@@ -6,7 +6,7 @@ import { motion, AnimatePresence } from 'framer-motion'
 
 import { DndContext, closestCenter, KeyboardSensor, PointerSensor, TouchSensor, useSensor, useSensors, type DragEndEvent } from '@dnd-kit/core'
 import { SortableContext, verticalListSortingStrategy, useSortable, arrayMove } from '@dnd-kit/sortable'
-import { restrictToVerticalAxis } from '@dnd-kit/modifiers'
+import { restrictToVerticalAxis, restrictToParentElement } from '@dnd-kit/modifiers'
 import { CSS } from '@dnd-kit/utilities'
 import ConfirmModal from '../components/ConfirmModal'
 import FormField from '../components/FormField'
@@ -834,7 +834,7 @@ export default function OfferDetail() {
             <DndContext
               sensors={dndSensors}
               collisionDetection={closestCenter}
-              modifiers={[restrictToVerticalAxis]}
+              modifiers={[restrictToVerticalAxis, restrictToParentElement]}
               onDragEnd={(event: DragEndEvent) => {
                 const { active, over } = event
                 if (!over || active.id === over.id) return