Disable dragging of nodes about react-sortable-tree HOT 3 CLOSED

You could create a CSS rule for the drag handle, something like:

.rst__moveHandle {
    display: none;
}

.rst__rowContents {
    border-left: 1px solid #bbb;
}

The above will hide the handle, making dragging impossible. An alternative would be to apply pointer-events: none; to the handle, but that would leave you with a UI that suggests you can drag stuff around even though you can't.

If you want to apply this to only a few nodes in the tree, I would recommend (>= v0.1.5) adding something like data-hide-handle: 'true' in generateNodeProps to nodes that fit the hiding conditions, and then a css selector to the css above (something like [data-hide-handle="true"] .rst__moveHandle {...).

from react-sortable-tree.

Ok, thank you. That is a workaround, but ideally, I would prefer to disable the dragging functionality entirely (and not attach the relevant event handlers).

Will consider for a future application. Right now, I feel too constrained in my possibilities.

from react-sortable-tree.

Ok, thank you for the feedback. I can see this being important to other people as well, so I'll keep it in mind for future releases.

from react-sortable-tree.