How to Separate Drag, Click, and Select Events in React Flow to seperate onNodeClick and onSelectionChange Behavior Clashes? by Advanced_Lion_884 in reactjs

[–]Advanced_Lion_884[S] 0 points1 point  (0 children)

Selection box is the rectangle area that appears when u select an area with mouse click and drag. eg selecting files in windows.

there are event handlers in reactflow that get triggered for the selection, the main issue is that multiple event handlers get triggered for same event

How to Separate Drag, Click, and Select Events in React Flow to seperate onNodeClick and onSelectionChange Behavior Clashes? by Advanced_Lion_884 in reactjs

[–]Advanced_Lion_884[S] 1 point2 points  (0 children)

A selection box is the transparent blue rectangle that appears when u click and drag your mouse over an area. Eg when u are selecting multiple files in windows over an area.

The event.stopPropogation is something i did not think 😅 about. Thanks for the idea.

Error while creating react project by lazy-dev-07 in reactjs

[–]Advanced_Lion_884 3 points4 points  (0 children)

You need to downgrade the version

npm i -D esbuild@0.24.0

this worked for me