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

Layout thrashing while dragging #1339

Closed
saravanan10393 opened this issue Jun 4, 2019 · 1 comment
Closed

Layout thrashing while dragging #1339

saravanan10393 opened this issue Jun 4, 2019 · 1 comment

Comments

@saravanan10393
Copy link

Expected behavior

No un-necessary layout work should happen

Actual behavior

Un-necessary layout work slows down my dragging when i have list item of 100+ items,
though I followed the optimization strategies in the given optimization help github page

Steps to reproduce

I recorded the attached video demo while using lazily loading list example

What version of React are you using?

^React 16.8.0

What version of react-beautiful-dnd are you running?

Latest

What browser are you using?

Chrome 74

Demo

https://youtu.be/q6ZHUnph53M

@alexreardon
Copy link
Collaborator

That looks quite laggy. The big flashes are caused by recollecting the droppable dimension for dynamic changes during a drag. We will be moving away from this strategy for #68

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

No branches or pull requests

2 participants