fix: dnd on touch devices

premieroctet · Dec 12, 2024 · b19678f · b19678f
1 parent aba7c4d
commit b19678f
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 1 deletion.
diff --git a/.changeset/long-cameras-arrive.md b/.changeset/long-cameras-arrive.md
@@ -0,0 +1,5 @@
+---
+"@premieroctet/next-admin": patch
+---
+
+fix: dnd on touch devices (#461)
diff --git a/packages/next-admin/src/components/inputs/DndItem.tsx b/packages/next-admin/src/components/inputs/DndItem.tsx
@@ -44,7 +44,8 @@ const DndItem = ({
     <li
       className={clsx(
         "ring-nextadmin-border-default dark:ring-dark-nextadmin-border-strong bg-nextadmin-background-default dark:bg-dark-nextadmin-background-subtle relative flex w-full cursor-default justify-between gap-2 rounded-md px-3 py-2 text-sm placeholder-gray-500 shadow-sm ring-1",
-        !deletable && "cursor-not-allowed opacity-50"
+        !deletable && "cursor-not-allowed opacity-50",
+        "touch-none"
       )}
       ref={setNodeRef}
       style={style}