Why it's hard on mobile
Dragging collides with scrolling, so iOS (Apple, n.d.) and Android (Android Developers, n.d.) lift items on long press first. Long press also opens context menus, so define rules. A grip icon signals draggability (Norman, 1999); size it for thumbs (Parhi et al., 2006).
Feedback while dragging
Lift with scale, shadow and haptic feedback; let others make room. Long drags are hard (Fitts, 1954), so auto-scroll at edges, allow cancel, and highlight the result. Web touch support in the HTML DnD API is limited (MDN, n.d.), so pointer events are common.
Non-drag alternatives
WCAG 2.2 (W3C, 2023) 2.5.7 requires single-pointer alternatives: move up/down buttons or menus, with announcements like 'Moved from 3rd to 1st.' Avoid direction clashes with swipe actions.
FAQ
- Best way to start a drag?
- Long press or a handle, with clear rules versus scroll and menus.
- What about users who can't drag?
- Provide move up/down buttons or a move menu.
Sources reviewed: 2026-10-27
References
- Apple. (n.d.). Drag and drop. Human Interface Guidelines. Lift, drop targets, cancel.
- MDN Web Docs. (n.d.). HTML Drag and Drop API. Web drag events and touch limits.
- Android Developers. (n.d.). Drag and drop. Drag shadows and targets.
- Fitts, P. M. (1954). The information capacity of the human motor system in controlling the amplitude of movement. Journal of Experimental Psychology, 47(6), 381–391. Distance and target size.
- Parhi, P., Karlson, A. K., & Bederson, B. B. (2006). Target size study for one-handed thumb use on small touchscreen devices. In Proceedings of MobileHCI 2006 (pp. 203–210). ACM. Drag handle size.
- Norman, D. A. (1999). Affordance, conventions, and design. Interactions, 6(3), 38–43. Visible drag cues.
- World Wide Web Consortium. (2023). Web Content Accessibility Guidelines (WCAG) 2.2. Criterion 2.5.7 dragging.
