From d47c142ca79eae07a3b5f8809e101f7705e0b968 Mon Sep 17 00:00:00 2001
From: akshitkrnagpal <akshitkrnagpal@gmail.com>
Date: Thu, 5 Jul 2018 00:43:29 +0530
Subject: [PATCH] Fix opening of help menu on ESC press

---
 app/features/navbar/components/HelpButton.js | 16 +++++++++++++++-
 1 file changed, 15 insertions(+), 1 deletion(-)

diff --git a/app/features/navbar/components/HelpButton.js b/app/features/navbar/components/HelpButton.js
index df93123..fa07fde 100644
--- a/app/features/navbar/components/HelpButton.js
+++ b/app/features/navbar/components/HelpButton.js
@@ -34,6 +34,7 @@ export default class HelpButton extends Component< *, State> {
 
         this._onAboutClick = openExternalLink.bind(undefined, config.aboutURL);
         this._onIconClick = this._onIconClick.bind(this);
+        this._onOpenChange = this._onOpenChange.bind(this);
         this._onPrivacyClick
             = openExternalLink.bind(undefined, config.privacyPolicyURL);
         this._onTermsClick
@@ -57,6 +58,19 @@ export default class HelpButton extends Component< *, State> {
         });
     }
 
+    _onOpenChange: (*) => void;
+
+    /**
+     * Closes droplist when clicked outside.
+     *
+     * @returns {void}
+     */
+    _onOpenChange() {
+        this.setState({
+            droplistOpen: false
+        });
+    }
+
     _onPrivacyClick: (*) => void;
 
     _onTermsClick: (*) => void;
@@ -73,7 +87,7 @@ export default class HelpButton extends Component< *, State> {
             <Droplist
                 isOpen = { this.state.droplistOpen }
                 onClick = { this._onIconClick }
-                onOpenChange = { this._onIconClick }
+                onOpenChange = { this._onOpenChange }
                 position = 'right bottom'
                 trigger = { <HelpIcon /> }>
                 <Group heading = 'Help'>