From b19678ffc85f88c3001c96d7022feb460ea6619f Mon Sep 17 00:00:00 2001
From: Hugo FOYART <11079152+foyarash@users.noreply.github.com>
Date: Thu, 12 Dec 2024 18:06:02 +0100
Subject: [PATCH] fix: dnd on touch devices

---
 .changeset/long-cameras-arrive.md                     | 5 +++++
 packages/next-admin/src/components/inputs/DndItem.tsx | 3 ++-
 2 files changed, 7 insertions(+), 1 deletion(-)
 create mode 100644 .changeset/long-cameras-arrive.md

diff --git a/.changeset/long-cameras-arrive.md b/.changeset/long-cameras-arrive.md
new file mode 100644
index 00000000..64eae591
--- /dev/null
+++ 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
index 62badac0..d721751a 100644
--- 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}