From 5bda9439dde7bf7a80c9f0d5063baa92d151046e Mon Sep 17 00:00:00 2001 From: Akos Toth <72443946+tookhats@users.noreply.github.com> Date: Wed, 25 Sep 2024 18:35:01 +0200 Subject: [PATCH] touch device compatibility new isTouchDevice marker and conditional use TouchSensor and PointerSensor. --- src/Builder/MenuBuilder.tsx | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) diff --git a/src/Builder/MenuBuilder.tsx b/src/Builder/MenuBuilder.tsx index bb1b1d0..26b3007 100755 --- a/src/Builder/MenuBuilder.tsx +++ b/src/Builder/MenuBuilder.tsx @@ -6,6 +6,7 @@ import { DndContext, closestCenter, KeyboardSensor, + TouchSensor, PointerSensor, useSensor, useSensors, @@ -154,8 +155,11 @@ export function MenuBuilder({ indentationWidth ) ); + + const isTouchDevice = 'ontouchstart' in window || navigator.maxTouchPoints > 0; + const sensors = useSensors( - useSensor(PointerSensor), + useSensor(isTouchDevice ? TouchSensor : PointerSensor), useSensor(KeyboardSensor, { coordinateGetter, })