Virtuoso + pragmatic-drag-and-drop

[thosil]

Hi there,

I'm trying to add drag and drop functionality to a GroupedVirtuoso component using pragmatic-drag-and-drop.

I can make it work with a simple list (non-virtualized), but within a GroupedVirtuoso, the drag interaction only starts once and stops prematurely. I've followed an example with tanstack-virtual, and there's nothing particularly complex about the implementation.

Has anyone else encountered and solved this issue?

Thanks.

[thosil]

tldr: don't change the list item size on hover

Found the issue, I use to add a class on the destination item which applies a border on top or bottom of the element. As the size changed dynamically virtuoso rerender part of the item list and somehow break the drag-n-drop feature.