From d786a075f6dda5d26eb45bd3f7589118c0803faa Mon Sep 17 00:00:00 2001
From: Simon Howe <footless@gmail.com>
Date: Thu, 4 Aug 2016 17:23:52 +0200
Subject: [PATCH] Fixes foreignObject preventing other nodes from receiving
 hover

---
 client/app/scripts/charts/node.js | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/client/app/scripts/charts/node.js b/client/app/scripts/charts/node.js
index 0b811b5e2..4b243e8dd 100644
--- a/client/app/scripts/charts/node.js
+++ b/client/app/scripts/charts/node.js
@@ -118,9 +118,9 @@ class Node extends React.Component {
 
           svgLabels(label, subLabel, labelClassName, subLabelClassName, labelOffsetY) :
 
-          <foreignObject x={labelOffsetX} y={labelOffsetY} width={labelWidth}
-            height="10em" transform={labelTransform}>
-            <div className="node-label-wrapper" {...mouseEvents}>
+          <foreignObject style={{pointerEvents: 'none'}} x={labelOffsetX} y={labelOffsetY}
+            width={labelWidth} height="100em" transform={labelTransform}>
+            <div className="node-label-wrapper" style={{pointerEvents: 'all'}} {...mouseEvents}>
               <div className={labelClassName}>
                 <MatchedText text={label} match={matches.get('label')} />
               </div>