[FEATURE] allow scrolling of parent div with Reorder Items

[augustblack]

Is your feature request related to a problem? Please describe.
A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]

There is an issue when a Reorder.Group has a number of items that overflows out of the Reorder.Group or a parent element.

see here: https://codesandbox.io/s/framer-motion-5-drag-to-reorder-lists-forked-beoy0

I would expect that when I drag a visible item towards the bottom of the Reorder.Group or parent div, that it would scroll with the cursor so that you can position the element.

Describe the solution you'd like

I'm not sure what the solution is. Would it be possible to use the drag controls somehow to achieve this?

Describe alternatives you've considered

One solution is to instead use dnd-kit that handles this.

thanks for the great library and for your consideration!

[rbourdon]

You can add layoutScroll to your scrolling parent element to fix this. https://codesandbox.io/s/framer-motion-5-drag-to-reorder-lists-forked-u3v91?file=/src/App.tsx:486-498

[augustblack]

Hi , thanks so much for taking a look!

I'm not sure I understand though. It doesn't appear like the layoutScroll has any effect. I'm still seeing the same issue in your example (unless I am missing something).

When you drag an Item to the bottom or top, I would expect it to auto scroll the parent like this:

https://5fc05e08a4a65d0021ae0bf2-ejxxqkfwok.chromatic.com/?path=/story/presets-sortable-vertical--scroll-container

[rbourdon]

Hey, sorry I didn't read your issue closely enough, I thought you were talking about the fact that in the example if you make the parent container overflow with scroll, then drag an item around, scroll the window, and try to drag another item, the items in the list jump around erratically and layoutScroll fixes that.

[hoangbn]

I had a solution for this in framer 4, but it does not work in framer 5 with Reorder component. Would be nice to have Reorder scrollable component to behave like in 5fc05e08a4a65d0021ae0bf2-ejxxqkfwok.chromatic.com/?path=/story/presets-sortable-vertical--scroll-container. as it is the behaviour users expect

[tienne]

Is there any update?

[ljones87]

Has anyone found a workaround besides using Dnd?

[MagnusHJensen]

What is the status on a feature like this or #1493

[piotrjanosz]

Any update on this?

[sethdumaguin]

Are there any update on this issue?

[maderesponsively]

Did anyone come up with some solutions?

[acrylicode]

Any updates on this?