boha_admin/app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 26 Wiki Activity

fix: restrict item drag to parent table bounds

Browse Source
This commit is contained in:
BOHA
2026-03-23 19:04:55 +01:00
parent 3bef879ff9
commit bfb3a975ea
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/admin/pages/OfferDetail.tsx
View File

@@ -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 { DndContext, closestCenter, KeyboardSensor, PointerSensor, TouchSensor, useSensor, useSensors, type DragEndEvent } from '@dnd-kit/core'
import { SortableContext, verticalListSortingStrategy, useSortable, arrayMove } from '@dnd-kit/sortable' 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 { CSS } from '@dnd-kit/utilities'
import ConfirmModal from '../components/ConfirmModal' import ConfirmModal from '../components/ConfirmModal'
import FormField from '../components/FormField' import FormField from '../components/FormField'
@@ -834,7 +834,7 @@ export default function OfferDetail() {
<DndContext <DndContext
sensors={dndSensors} sensors={dndSensors}
collisionDetection={closestCenter} collisionDetection={closestCenter}
modifiers={[restrictToVerticalAxis]} modifiers={[restrictToVerticalAxis, restrictToParentElement]}
onDragEnd={(event: DragEndEvent) => { onDragEnd={(event: DragEndEvent) => {
const { active, over } = event const { active, over } = event
if (!over || active.id === over.id) return if (!over || active.id === over.id) return