tip modal click behavior. closes #252

nextstrain · Mar 16, 2017 · 696d646 · 696d646
1 parent d7a2ee6
commit 696d646
Showing 1 changed file with 8 additions and 1 deletion.
diff --git 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>