dragon-drop
dragon-drop copied to clipboard
Published
20 hours ago •
schne324
schne324
Dragging with touch also scrolls the page, making it impossible to drag accurately
- On a touch device, touch down on a draggable item on the demo page
- Drag your finger up or down
Actual: page is scrolled Expected: page remains fixed, only item moves
Adding overflow-y: hidden while dragging to <body> will fix this, but stopping event bubbling might be a better fix.
Ah, looks like dragula also has this issue, assuming that's the root cause.
Adding some UX notes. On iOS:
- For list items with a drag handle, the item is grabbed immediately upon
touchstartof the handle - For list items without a drag handle, there's ~1s press-and-hold delay before the item is grabbed (otherwise it would be difficult to scroll the page)