react-beautiful-dnd
react-beautiful-dnd copied to clipboard
Lazy loading bug
lazy loading doesn't work. The list freezes before the end after several downloads. This can be seen even in this example https://react-beautiful-dnd.netlify.app/?path=/story/dynamic-changes-during-a-drag-v11-only--lazy-loading . Chrome browser and Safari
Hi ikwihad. Do you have a specific use case you are trying to implement?
Lazy loading itself doesn't appear to be a specific react-beautiful-dnd feature. The code for the lazy-loading examples just shows how you can have functions go off when you drag an item down a list. In the example, a function is called to add content to the bottom when you drag past the bottom 5 items. The example accomplishes this, on chrome and edge for me, and kept loading new data.
However, as shown in the gif below. I am unable to drop something into the newly added content. You have to cancel the drop, and then start over and now you can drag into the new content.

@2stash So your gif clearly confirm there's a bug (check against the doc gif). Is there anything we can do to help on this? I'd be happy to contribute if someone can point me into the right direction.
Hah, I need to get pointed in the right direction. I am trying to find an open source project to contribute to and just found this and started using it. I am finishing some portfolio projects for my resume as I am actually still looking for my first software job, but I am planning on digging into this soon. I really like using this library.
@2stash So your gif clearly confirm there's a bug (check against the doc gif). Is there anything we can do to help on this? I'd be happy to contribute if someone can point me into the right direction.
Haven't you found a solution to do this?
I facing the same issue right now :(