From a826ab6d04e6b822c5178e1ac90b1433c1e54e47 Mon Sep 17 00:00:00 2001
From: Ashwin Hegde <ashwin.hegde12@gmail.com>
Date: Tue, 9 Jul 2019 11:55:27 +0530
Subject: [PATCH] Fix label layers

---
 src/SvgArrow.js | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/SvgArrow.js b/src/SvgArrow.js
index fbff3e8..fb9ca23 100644
--- a/src/SvgArrow.js
+++ b/src/SvgArrow.js
@@ -169,14 +169,14 @@ const SvgArrow = ({
         markerEnd={`url(${location.href}#${arrowMarkerId})`}
       />
       {arrowLabel && (
-        <foreignObject x={xl} y={yl} width={wl} height={hl} style={{overflow:'visible'}}>
+        <foreignObject x={xl} y={yl} width={wl} height={hl} style={{overflow:'visible', pointerEvents: 'none'}}>
           <div
             style={{
-              width: wl,
-              height: hl,
-              display: 'flex',
-              alignItems: 'center',
-              justifyContent: 'center',
+              position: 'absolute',
+              left: '50%',
+              top: '50%',
+              transform: 'translateX(-50%) translateY(-50%)',
+              pointerEvents: 'all'
             }}
           >
             <div>{arrowLabel}</div>