From 696d646e8a2ac1097fb13b1378dd140b3c4dfb29 Mon Sep 17 00:00:00 2001
From: James Hadfield <jh22@sanger.ac.uk>
Date: Thu, 16 Mar 2017 14:33:49 -0700
Subject: [PATCH] tip modal click behavior. closes #252

---
 src/components/tree/tipSelectedPanel.js | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/components/tree/tipSelectedPanel.js b/src/components/tree/tipSelectedPanel.js
index 3be096faf..eeaf5d6b0 100644
--- a/src/components/tree/tipSelectedPanel.js
+++ b/src/components/tree/tipSelectedPanel.js
@@ -1,3 +1,4 @@
+/*eslint-env browser*/
 import React from "react";
 import {infoPanelStyles} from "../../globalStyles";
 
@@ -34,11 +35,17 @@ const TipSelectedPanel = ({tip, goAwayCallback}) => {
     }
   };
 
+  const stopProp = (e) => {
+    if (!e) {e = window.event;}
+    e.cancelBubble = true;
+    if (e.stopPropagation) {e.stopPropagation();}
+  };
+
   const makePanel = () => {
     if (!tip) {return null;}
     return (
       <div style={styles.container} onClick={() => goAwayCallback(tip)}>
-        <div className={"panel"} style={infoPanelStyles.panel}>
+        <div className={"panel"} style={infoPanelStyles.panel} onClick={(e) => stopProp(e)}>
           <p style={infoPanelStyles.modalHeading}>
             {`${tip.n.strain}`}
           </p>