From 6312f6bd1e92677d323c3f82c743dbd9532cc003 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Wed, 24 Jul 2019 17:47:09 +0200
Subject: [PATCH] feat(edges): click handler

---
 src/EdgeRenderer/Edge.js | 1 +
 src/style.css            | 5 +++++
 2 files changed, 6 insertions(+)

diff --git a/src/EdgeRenderer/Edge.js b/src/EdgeRenderer/Edge.js
index 9783d837..9802307b 100644
--- 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
index a0a06346..7657312f 100644
--- 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 {