react-sortable-hoc icon indicating copy to clipboard operation
react-sortable-hoc copied to clipboard

Create a drop UI state on the Sections showing the area where the selected section can be moved

Open ghost opened this issue 3 years ago • 0 comments

No feedback to the user while moving the section leads to confusion, error, and possibly task failure. There also isn’t a way to undo an incorrect movement of the section raising the importance of giving users more control over the move section action.

Requirement:

Create a drop UI state on the Sections showing the area where the selected section can be moved. See the attachments for the design specs. drop-state

  • The drop UI state is shown as the user drags a section to a new area [ possible area ] on the sections.
  • A drop UI state is not shown for dropping the section in the same spot.
  • Only one drop UI state is shown on the Section based on the location of the dragged section.
  • All possible new locations for any section should be able to have a drop UI state when the user attempts to drop it in that area.

ghost avatar Sep 08 '22 03:09 ghost