hikerherd icon indicating copy to clipboard operation
hikerherd copied to clipboard

Published 20 hours ago • verified publisher icon benhoneywill

Drag and drop: When dragging a gear item the parent list does not scroll

Open benhoneywill opened this issue 3 years ago • 0 comments
trafficstars

Describe the bug When dragging a gear item to another category, moving the item to the edge of the screen does not scroll the parent container. This is very annoying on mobile

To Reproduce Steps to reproduce the behavior:

  1. Go to a pack or inventory
  2. Have enough categories to cause a horizontal scroll bar
  3. Try and drag a piece of gear to another category that is not currently on the screen

Expected behavior The screen scrolls when your cursor gets to the edge of the screen, revealing the hidden category for you to drop into

Additional context This is a limitation of the react-beautiful-dnd library I have used for drag and drop... https://github.com/atlassian/react-beautiful-dnd/issues/131

We could either figure out a way to force the parent to scroll ourselves or migrate to another library as this one doesn't look like it is maintained anymore. Both options sound like a lot of work.

benhoneywill avatar Apr 22 '22 23:04 benhoneywill