Strange effect when dragging to an empty list about vue-draggable-plus

[Alfred-Skyblue]

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

16aac718a942d8858715c1c2ae907714_0_1693273883.mp4

[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: #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.