From 36f7c31a0397656b5e69ff78a44cfcbe59cc3f73 Mon Sep 17 00:00:00 2001
From: Chi Vinh Le <vinh@wikiwi.io>
Date: Wed, 10 Jan 2018 12:16:28 +0100
Subject: [PATCH 1/4] Fix deselect bug of action menu in ff

---
 .../coral-admin/src/components/ActionsMenu.js | 41 ++++++++++---------
 1 file changed, 22 insertions(+), 19 deletions(-)

diff --git a/client/coral-admin/src/components/ActionsMenu.js b/client/coral-admin/src/components/ActionsMenu.js
index ef4e46573..5ad8ddda9 100644
--- a/client/coral-admin/src/components/ActionsMenu.js
+++ b/client/coral-admin/src/components/ActionsMenu.js
@@ -1,6 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import {Button, Icon} from 'coral-ui';
+import ClickOutside from 'coral-framework/components/ClickOutside';
 import {Menu} from 'react-mdl';
 import cn from 'classnames';
 import {findDOMNode} from 'react-dom';
@@ -34,25 +35,27 @@ class ActionsMenu extends React.Component {
   render() {
     const {className = '', buttonClassNames = '', label = ''} = this.props;
     return (
-      <div className={cn(styles.root, className)} onBlur={this.syncOpenState} >
-        <Button
-          cStyle='actions'
-          className={cn(styles.button, {[styles.buttonOpen]: this.state.open}, buttonClassNames)}
-          disabled={false}
-          id={this.id}
-          onClick={this.syncOpenState}
-          icon={this.props.icon}
-          raised>
-          {label ? label : t('modqueue.actions')}
-          <Icon
-            name={this.state.open ? 'keyboard_arrow_up' : 'keyboard_arrow_down'}
-            className={styles.arrowIcon}
-          />
-        </Button>
-        <Menu target={this.id} className={styles.menu} ref={this.handleRef}>
-          {this.props.children}
-        </Menu>
-      </div>
+      <ClickOutside onClickOutside={this.syncOpenState}>
+        <div className={cn(styles.root, className)} onBlur={this.syncOpenState} >
+          <Button
+            cStyle='actions'
+            className={cn(styles.button, {[styles.buttonOpen]: this.state.open}, buttonClassNames)}
+            disabled={false}
+            id={this.id}
+            onClick={this.syncOpenState}
+            icon={this.props.icon}
+            raised>
+            {label ? label : t('modqueue.actions')}
+            <Icon
+              name={this.state.open ? 'keyboard_arrow_up' : 'keyboard_arrow_down'}
+              className={styles.arrowIcon}
+            />
+          </Button>
+          <Menu target={this.id} className={styles.menu} ref={this.handleRef}>
+            {this.props.children}
+          </Menu>
+        </div>
+      </ClickOutside>
     );
   }
 }

From 9ce14acc9ab73b4f2269863ee88898ae6c29b50c Mon Sep 17 00:00:00 2001
From: Chi Vinh Le <vinh@wikiwi.io>
Date: Fri, 12 Jan 2018 11:23:29 +0100
Subject: [PATCH 2/4] More syncs

---
 client/coral-admin/src/components/ActionsMenu.js | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/client/coral-admin/src/components/ActionsMenu.js b/client/coral-admin/src/components/ActionsMenu.js
index 168f7e000..eefb8aeda 100644
--- a/client/coral-admin/src/components/ActionsMenu.js
+++ b/client/coral-admin/src/components/ActionsMenu.js
@@ -36,7 +36,11 @@ class ActionsMenu extends React.Component {
     const { className = '', buttonClassNames = '', label = '' } = this.props;
     return (
       <ClickOutside onClickOutside={this.syncOpenState}>
-        <div className={cn(styles.root, className)} onBlur={this.syncOpenState}>
+        <div
+          className={cn(styles.root, className)}
+          onBlur={this.syncOpenState}
+          onClick={this.syncOpenState}
+          onKeyUp={this.syncOpenState}>
           <Button
             cStyle="actions"
             className={cn(

From 9762f34324425f72aa7fbc7e937ea395e186b56a Mon Sep 17 00:00:00 2001
From: Chi Vinh Le <vinh@wikiwi.io>
Date: Fri, 12 Jan 2018 11:45:52 +0100
Subject: [PATCH 3/4] End of line

---
 client/coral-admin/src/components/ActionsMenu.js | 1 +
 1 file changed, 1 insertion(+)

diff --git a/client/coral-admin/src/components/ActionsMenu.js b/client/coral-admin/src/components/ActionsMenu.js
index eefb8aeda..55a18c320 100644
--- a/client/coral-admin/src/components/ActionsMenu.js
+++ b/client/coral-admin/src/components/ActionsMenu.js
@@ -80,3 +80,4 @@ ActionsMenu.propTypes = {
 };
 
 export default ActionsMenu;
+

From 1ccd36e9e930e04b2571921acaf48f5c7a540b72 Mon Sep 17 00:00:00 2001
From: Chi Vinh Le <vinh@wikiwi.io>
Date: Fri, 12 Jan 2018 14:07:05 +0100
Subject: [PATCH 4/4] prettier

---
 client/coral-admin/src/components/ActionsMenu.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/client/coral-admin/src/components/ActionsMenu.js b/client/coral-admin/src/components/ActionsMenu.js
index 55a18c320..81b857a13 100644
--- a/client/coral-admin/src/components/ActionsMenu.js
+++ b/client/coral-admin/src/components/ActionsMenu.js
@@ -40,7 +40,8 @@ class ActionsMenu extends React.Component {
           className={cn(styles.root, className)}
           onBlur={this.syncOpenState}
           onClick={this.syncOpenState}
-          onKeyUp={this.syncOpenState}>
+          onKeyUp={this.syncOpenState}
+        >
           <Button
             cStyle="actions"
             className={cn(
@@ -80,4 +81,3 @@ ActionsMenu.propTypes = {
 };
 
 export default ActionsMenu;
-