How would one only allow dragging on a certain direction?

[ckknight]

What I would like to enable is a list of items (on the top of the screen, for this example) where if they are dragged down, then the regular drag-and-drop mechanism works, but if the user drags left/right, then that list can scroll left or right (via overflow-x: scroll or similar).

What I have done previously (not in React, mind you) is wait for the touch to move 30px, calculate the direction, and then allow for the drag events to propagate based on the angle.

Is this possible with react-dnd?

[tthomas7]

The FAQ mentions implementing a custom drag layer to constrain the movement rendered. That's easy but I think it's mostly a rendering layer, scrolling the list left and right would be a separate thing.

Check out this issue for ideas. It sounds like the list is both a drag source and a drop target and implements logic on hover.

[stale]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.