diff --git a/src/components/Edges/wrapEdge.tsx b/src/components/Edges/wrapEdge.tsx index 4fbda394..3f2fc7c8 100644 --- a/src/components/Edges/wrapEdge.tsx +++ b/src/components/Edges/wrapEdge.tsx @@ -43,6 +43,7 @@ export default (EdgeComponent: ComponentType) => { }: WrapEdgeProps): JSX.Element | null => { const addSelectedElements = useStoreActions((actions) => actions.addSelectedElements); const setConnectionNodeId = useStoreActions((actions) => actions.setConnectionNodeId); + const unsetNodesSelection = useStoreActions((actions) => actions.unsetNodesSelection); const setPosition = useStoreActions((actions) => actions.setConnectionPosition); const connectionMode = useStoreState((state) => state.connectionMode); @@ -82,6 +83,7 @@ export default (EdgeComponent: ComponentType) => { const onEdgeClick = useCallback( (event: React.MouseEvent): void => { if (elementsSelectable) { + unsetNodesSelection(); addSelectedElements(edgeElement); } @@ -148,12 +150,7 @@ export default (EdgeComponent: ComponentType) => { onMouseEnter={onEdgeUpdaterMouseEnter} onMouseOut={onEdgeUpdaterMouseOut} > - + )} ) => { onMouseEnter={onEdgeUpdaterMouseEnter} onMouseOut={onEdgeUpdaterMouseOut} > - + )}