Multi select is stopping event propogation

[anujs099]

Hello @jameskerr ,

I am facing a issue , onClick i am selecting nodes (selectMulti) , since the shift key is down the event propogation is stopped and preventing my component(contextMenu) from opening up.

please suggest a solution or a work around this issue , thanks !

[seancheno]

Wow, I am just now experiencing a similar issue.

If I have rendered the tree component, then elsewhere in our app, this event is no longer firing

useEffect(() => {
const handleDragEndGlobal = () => {
handleDragEnd()
}

document.addEventListener('dragend', handleDragEndGlobal)

return () => {
  document.removeEventListener('dragend', handleDragEndGlobal)
}

}, [])

Why is rendering the tree component preventing this event to no longer fire? Thank you for any info.

[seancheno]

Not sure if this will fix your issue, but it fixed my above issue - see - #17

Specifically in my case, using the tree's parent as the element to pass as the root element for the dndRootElement prop

  <div ref={treeContainerRef} className="relative flex h-full min-h-0 flex-col "> {treeContainerRef.current && ( <Tree dndRootElement={treeContainerRef.current} ref={treeRef} data={treeData} // etc. > {HierarchyPanelTreeNode} </Tree> )} </div>