fix(node): add click handler when draggable is false #271

2020-07-15 16:55:35 +02:00
parent 960699fff9
commit dad5d8e928
2 changed files with 13 additions and 2 deletions
@@ -11,6 +11,10 @@ const initialElements = [
  { id: 'e1-3', source: '1', target: '3' },
 ];

+const onNodeDragStart = (node) => console.log('drag start', node);
+const onNodeDragStop = (node) => console.log('drag stop', node);
+const onElementClick = (element) => console.log('click', element);
+
 const InteractionFlow = () => {
  const [elements, setElements] = useState(initialElements);
  const onConnect = (params) => setElements((els) => addEdge(params, els));
@@ -28,6 +32,9 @@ const InteractionFlow = () => {
      nodesDraggable={isDraggable}
      zoomOnScroll={zoomOnScroll}
      onConnect={onConnect}
+      onElementClick={onElementClick}
+      onNodeDragStart={onNodeDragStart}
+      onNodeDragStop={onNodeDragStop}
    >
      <MiniMap />
      <Controls />