draggable element isnt working on touchscreen

[junenoshita]

It was described as touch device compatible, but the draggable components stopped working when i used devtools to simulate mobile device, there was no documentation to adapt the code for mobile devices so i assumed it didnt need alterations for it to work. I tried on others browser and devices and none of them worked the touch to drag the component. Could someone help?

[rohanajayjain]

From testing on the Pragmatic Drag and Drop docs website, it doesn't seem to work on Firefox on Android (137.0) but works on Chrome on Android for me. I have to long press in Chrome on Android for drag and drop to work, it seems slightly clunky and can't tell if that's intended behaviour.

I also can't drag and drop using touch simulation in dev tools on Firefox or Chrome on desktop.

[TheRealFlyingCoder]

Confirming touch does not seem to work with my simple implementation on mobile.

Even with a long hold and adding onContextMenu={e => e.preventDefault()} to stop the context menu popping up none of my draggable elements are draggable on touchscreen,

Tested both Chrome on Android and Chrome DevTools

Weird thing is the Docs work for me but I agree with @rohanajayjain that the touch delay is the full long-press which just doesn't work ideally for my scenario of wanting instant dragging on mobile and desktop

I am using RR7+React19 so not sure whether that could be the culprit, i'm also disabling the native drag preview:

			onGenerateDragPreview({ nativeSetDragImage }) {
				disableNativeDragPreview({ nativeSetDragImage });
			},