tree icon indicating copy to clipboard operation
tree copied to clipboard

Drag n Drop slow

Open xeroe opened this issue 4 years ago • 5 comments

Hello, Im facing the issue, that the drag n drop functionality is very slow in my application. When moving an item in the tree the "hover effect" is following the movement very slowly like a trail. HJ8byBIzZR Did someone experience similar problems or has an idea how to fix this problem?

xeroe avatar Nov 24 '20 13:11 xeroe

I have the same issue

uxsoft avatar Nov 29 '20 13:11 uxsoft

seems to happen with larger lists in this component. I am now using atlaskit tree in my project, which can handle larger lists

xeroe avatar Nov 29 '20 23:11 xeroe

I have the same issue

We too.

norama avatar Mar 15 '21 13:03 norama

You can virtualize the tree (by passing height and itemHeight to the Tree component) and that helps you a litlle bit (animation example: https://tree-react-component.vercel.app/demo/animation ) => not visible html elements are not rendered

The main problem is that rc-tree makes render after every onDragLeave, onDragOver, onDragEnter, even if you dont define them (whenever you enable draggable)

I found the solution, disable the drag and drop completely and code drag and drop by yourself (you can add drag and drop to the title that you pass).

Veragin avatar Mar 22 '21 09:03 Veragin

@Veragin Do you have working example ? can you please share with us.

gs-vkinti avatar Apr 17 '23 06:04 gs-vkinti