Only hide the currently visible context menu. This fixes a bug on touch screens where the menu closes before the event to click is triggered. This only happens when using multiple contex menus.

Author: meikoudras

modules/menu-container.js

@@ -70,21 +70,26 @@ var MenuContainer = _react2["default"].createClass({
         return menuStyles;
     },
     _outsideClickHandler: function _outsideClickHandler(event) {
-        var localNode = this.localNode,
-            source = event.target,
-            found = false;
+        var _props = this.props;
+        var isVisible = _props.isVisible;
+        var identifier = _props.identifier;
+        if(isVisible === identifier) {
+          var localNode = this.localNode,
+              source = event.target,
+              found = false;
 
-        while (source.parentNode) {
-            found = source === localNode;
+          while (source.parentNode) {
+              found = source === localNode;
 
-            if (found) {
-                return;
-            }
+              if (found) {
+                  return;
+              }
 
-            source = source.parentNode;
-        }
+              source = source.parentNode;
+          }
 
-        this._hideMenu();
+          this._hideMenu();
+        }
     },
     _hideMenu: function _hideMenu() {
         this.props.flux.getActions("menu").setParams({

src/menu-container.js

@@ -57,19 +57,22 @@ const MenuContainer = React.createClass({
         return menuStyles;
     },
     _outsideClickHandler(event) {
-        let localNode = this.localNode,
-            source = event.target,
-            found = false;
+        let { isVisible, identifier } = this.props;
+        if(isVisible === identifier) {
+          let localNode = this.localNode,
+              source = event.target,
+              found = false;
 
-        while (source.parentNode) {
-            found = (source === localNode);
+          while (source.parentNode) {
+              found = (source === localNode);
 
-            if (found) { return; }
+              if (found) { return; }
 
-            source = source.parentNode;
-        }
+              source = source.parentNode;
+          }
 
-        this._hideMenu();
+          this._hideMenu();
+        }
     },
     _hideMenu() {
         this.props.flux.getActions("menu").setParams({