Improved reorderable lists for touch devices
What does this MR do and why?
Improves reorderable lists for touch devices by adding a 100ms delay for touch devices only that prevents orderable items from dragging immediately, so that touch users can scroll without reordering.
Impacted features:
- Epics > Child issues and epics tree
- Issues > Tasks list
- Work items > Child items tree
- Issues list w/ manual sort
Screenshots or screen recordings
Screenshots are required for UI changes, and strongly recommended for all other merge requests.
Feature | Before | After |
---|---|---|
Epics > Child issues and epics tree | ||
Issues > Tasks list | ||
Work items > Child items tree | ||
Issues list w/ manual sort |
How to set up and validate locally
- Epics: Open an epic with 2+ children (or create child issues/epics) and reorder
- Tasks: Open an issue and create 2+ tasks
- Work item child items
-
rails c
thenFeature.enable(:okrs_mvc)
- From the issues list, New issue dropdown select New objective to create an objective
- Open the Objective and create 2+ child objectives or KRs
-
- Issues list: Open the issues list, set sorting to "Manual"
In all cases the behavior on a non-touch device should be unchanged. Use something like Chrome DevTools device mode to emulate a touch device (or open on a touch device using the review app!).
MR acceptance checklist
This checklist encourages us to confirm any changes have been analyzed to reduce risks in quality, performance, reliability, security, and maintainability.
-
I have evaluated the MR acceptance checklist for this MR.
Closes #383462 (closed)
Edited by Nick Leonard