feat(edges): click handler

xyflow · Jul 24, 2019 · 6312f6b · 6312f6b
1 parent d3929c1
commit 6312f6b
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 0 deletions.
diff --git a/src/EdgeRenderer/Edge.js b/src/EdgeRenderer/Edge.js
@@ -13,6 +13,7 @@ export default (props) => {
     <path
       className="react-graph__edge"
       d={`M ${sourceX},${sourceY}L ${targetX},${targetY}`}
+      onClick={e => console.log('on edge click')}
     />
   );
 };
diff --git a/src/style.css b/src/style.css
@@ -38,13 +38,18 @@
 }
 
 .react-graph__edges {
+  position: absolute;
+  top: 0;
+  left: 0;
   pointer-events: none;
+  z-index: 2;
 }
 
 .react-graph__edge {
   fill: none;
   stroke: #333;
   stroke-width: 2;
+  pointer-events: all;
 }
 
 .react-graph__nodes {