Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Strange effect when dragging to an empty list #43

Open
spyderdsn opened this issue Aug 25, 2023 · 5 comments
Open

Strange effect when dragging to an empty list #43

spyderdsn opened this issue Aug 25, 2023 · 5 comments

Comments

@spyderdsn
Copy link

ezgif com-optimize

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
Copy link
Owner

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

16aac718a942d8858715c1c2ae907714_0_1693273883.mp4

@moussaab-moulim
Copy link

ezgif com-optimize ezgif com-optimize

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
Copy link
Author

spyderdsn commented Dec 20, 2023

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
Copy link

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

@spyderdsn
Copy link
Author

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.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants