diff --git a/src/components/action-menu/action-menu.jsx b/src/components/action-menu/action-menu.jsx index 750a0ea3e..dfefb5c51 100644 --- a/src/components/action-menu/action-menu.jsx +++ b/src/components/action-menu/action-menu.jsx @@ -27,7 +27,12 @@ class ActionMenu extends React.Component { this.closeTimeoutId = null; }, CLOSE_DELAY); } - handleToggleOpenState () { + handleToggleOpenState (e) { + if (!this.state.isOpen) { + e.stopPropagation(); // For touch start, to prevent clicking primary button + } + + // Mouse enter back in after timeout was started prevents it from closing. if (this.closeTimeoutId) { clearTimeout(this.closeTimeoutId); this.closeTimeoutId = null; @@ -69,8 +74,10 @@ class ActionMenu extends React.Component { })} onMouseEnter={this.handleToggleOpenState} onMouseLeave={this.handleClosePopover} + onTouchStart={this.handleToggleOpenState} >