Reorganize issue description list items with drag and drop
Description including problem, use cases, benefits, and/or goals
To be able to quickly organise information in an issue, one can use tasks lists.
The ability to drag these around would make it easier to organise them quickly.
Proposal
Make the following description (and comments maybe?) items draggable:
- markdown checklists
- ordered lists
- unordered lists
A similar implementation as GH did.
Seems like a good solution and an established paradigm, so no need to change it.
Might conflict with inline editor, which is more important cc @jschatz1
UX
Prototype recording:
Screen_Recording_2022-01-18_at_2.33.14_PM
Functionality should be in alignment with existing drag and drop patterns as defined in Pajamas: https://design.gitlab.com/product-foundations/interaction There should be clear signifiers surrounding:
- That the item is draggable (shown here by the drag icon)
- That the item is being dragged and where it's coming from (shown above by the "ghosted" or semi-transparent view of where the checklist item previously displayed)
- What else is affected and how once the item has been dropped (shown here by an animation of movement and the placement shift of the two items)
- The "received" version of the view should mimic drag and drop functionality in boards in that there is a ghosted version of the item that appears where the user hovers while holding the element to show how the other related items will move and where the item will be dropped (see video below)
Screen_Recording_2022-01-18_at_4.08.08_PM
Links / references
Release Notes
Issue descriptions are used to capture a lot of different types of information such as checklists, outlines, and implementation details. You can now easily reorganize a description's list items by dragging and dropping them without having to edit and save the full description.