Strange effect when dragging to an empty list

[spyderdsn]

I noticed, when I have a list group and drag an item to an empty list, there is a fly back effect on the item dragged. This does not happen aways.

1. When I drag the item slowly the issue does not occur.
2. When both list have at least one item, the issue does not occur.

Any idea what I can do with it? Thanks

[Alfred-Skyblue]

I'm sorry, but I can't reproduce your issue. Could you provide a demo for reproduction, please?

https://github.com/Alfred-Skyblue/vue-draggable-plus/assets/55641773/66563ce8-6e7b-4c56-b3ee-1421e89a2c1e

[moussaab-moulim]

I noticed, when I have a list group and drag an item to an empty list, there is a fly back effect on the item dragged. This does not happen aways.

1. When I drag the item slowly the issue does not occur.
2. When both list have at least one item, the issue does not occur.

Any idea what I can do with it? Thanks

i think the reason is on an empty list you have a 0 height section try to add a min-height of like 20px when the list is empty

[spyderdsn]

Hi, @moussaab-moulim @Alfred-Skyblue you can test my implementation in this Chrome extension. I tried to increase the height without the luck.

https://chromewebstore.google.com/detail/linkfolio-ai-personalised/pdhgolbhkdmkdeamfiikhkjopffadaea

BDW, I also experienced the issue mentioned here: https://github.com/Alfred-Skyblue/vue-draggable-plus/issues/45 When a new item is added to the list and then immediately dragged to another list or reorganised it can simply disappear.

Thanks

[moussaab-moulim]

can you provide a working codesandbox, i dont want to install an extension

[spyderdsn]

can you provide a working codesandbox, i don't want to install an extension

It will take me a day to isolate the code and prepare for code sandbox, it takes a minute to install the extension and is safe and you can remove it afterwards.