build

Author: vkbansal

dist/react-contextmenu.js

@@ -23,7 +23,10 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 var modalStyle = {
     position: "fixed",
     zIndex: 1040,
-    top: 0, bottom: 0, left: 0, right: 0
+    top: 0,
+    bottom: 0,
+    left: 0,
+    right: 0
 },
     backdropStyle = _extends({}, modalStyle, {
     zIndex: "auto",
@@ -49,13 +52,20 @@ var ContextMenuWrapper = _react2.default.createClass({
             var wrapper = window.requestAnimationFrame || setTimeout;
 
             wrapper(function () {
-                return _this.setState(_this.getMenuPosition(nextProps.x, nextProps.y));
+                _this.setState(_this.getMenuPosition(nextProps.x, nextProps.y));
+                _this.menu.parentNode.addEventListener("contextmenu", _this.hideMenu);
             });
+        } else {
+            this.menu.parentNode.removeEventListener("contextmenu", this.hideMenu);
         }
     },
     shouldComponentUpdate: function shouldComponentUpdate(nextProps) {
         return this.props.isVisible !== nextProps.visible;
     },
+    hideMenu: function hideMenu(e) {
+        e.preventDefault();
+        _monitor2.default.hideMenu();
+    },
     getMenuPosition: function getMenuPosition(x, y) {
         var scrollX = document.documentElement.scrollTop;
         var scrollY = document.documentElement.scrollLeft;

modules/context-menu/wrapper.js

@@ -18,13 +18,14 @@ exports.default = function (identifier, configure) {
 
         return _react2.default.createClass({
             displayName: displayName + "ContextMenuLayer",
-            mouseDown: false,
             getDefaultProps: function getDefaultProps() {
                 return {
                     renderTag: "div",
                     attributes: {}
                 };
             },
+
+            mouseDown: false,
             handleMouseDown: function handleMouseDown(event) {
                 var _this = this;
 
@@ -33,9 +34,7 @@ exports.default = function (identifier, configure) {
 
                     this.mouseDown = true;
                     setTimeout(function () {
-                        if (_this.mouseDown) {
-                            _this.handleContextClick(event);
-                        }
+                        if (_this.mouseDown) _this.handleContextClick(event);
                     }, this.props.holdToDisplay);
                 }
             },
@@ -46,9 +45,7 @@ exports.default = function (identifier, configure) {
 
                 this.mouseDown = true;
                 setTimeout(function () {
-                    if (_this2.mouseDown) {
-                        _this2.handleContextClick(event);
-                    }
+                    if (_this2.mouseDown) _this2.handleContextClick(event);
                 }, this.props.holdToDisplay);
             },
             handleTouchEnd: function handleTouchEnd(event) {
@@ -67,8 +64,8 @@ exports.default = function (identifier, configure) {
 
                 event.preventDefault();
 
-                var xPos = event.clientX || event.touches[0].pageX;
-                var yPos = event.clientY || event.touches[0].pageY;
+                var xPos = event.clientX || event.touches[0].pageX,
+                    yPos = event.clientY || event.touches[0].pageY;
 
                 _store2.default.dispatch({
                     type: "SET_PARAMS",

modules/contextmenu-layer.js

@@ -32,4 +32,4 @@ exports.default = {
             }
         });
     }
-};
+}; /* eslint-disable object-property-newline */

modules/monitor.js

@@ -43,6 +43,11 @@ var SubMenu = _react2.default.createClass({
     shouldComponentUpdate: function shouldComponentUpdate(nextProps, nextState) {
         return this.state.isVisible !== nextState.visible;
     },
+    componentWillUnmount: function componentWillUnmount() {
+        if (this.opentimer) clearTimeout(this.opentimer);
+
+        if (this.closetimer) clearTimeout(this.closetimer);
+    },
     handleClick: function handleClick(e) {
         e.preventDefault();
     },
@@ -68,11 +73,6 @@ var SubMenu = _react2.default.createClass({
             return _this2.setState({ visible: false });
         }, this.props.hoverDelay);
     },
-    componentWillUnmount: function componentWillUnmount() {
-        if (this.opentimer) clearTimeout(this.opentimer);
-
-        if (this.closetimer) clearTimeout(this.closetimer);
-    },
     render: function render() {
         var _this3 = this;