On drag, animate items around the drop indicator with the space of the dragged item

[thomasbritton]

Hi,

I would like to animate the individual items in the grid so when you drag an item to a new position it appears so the cards move to the left and right to make space for the new item i have the following code sandbox with what I have so far but I can't seem to get it going.

Does anyone have any ideas on how to achieve this please?

I would ideally like to use Tailwind for this if possible

[reidbarber]

I don't think this is possible at the moment due to collection layouts work. I think if we wanted to do this, we would essentially need to render a fake copy of the collection as if the drop had already occurred, while the user is still dragging.

Maybe there is some hack where the drop indicator could have the same styles as the dragged item(s), but I'm not sure this would work currently.

[thomasbritton]

Hey @reidbarber ,

Thanks for your reply.

I did try mimicking the dragged item with the same styles as the drop indicator but didn't make any difference.

But no issues, I was just curious