From b9b10207488b2a56018a14ca41924778d2d27316 Mon Sep 17 00:00:00 2001
From: Chen-I Lim <chenilim@gmail.com>
Date: Wed, 2 Dec 2020 17:10:38 -0800
Subject: [PATCH] Android submenu support

---
 webapp/src/widgets/menu/subMenuOption.tsx | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/webapp/src/widgets/menu/subMenuOption.tsx b/webapp/src/widgets/menu/subMenuOption.tsx
index e49c77964..f88bac62b 100644
--- a/webapp/src/widgets/menu/subMenuOption.tsx
+++ b/webapp/src/widgets/menu/subMenuOption.tsx
@@ -30,6 +30,13 @@ export default class SubMenuOption extends React.PureComponent<SubMenuOptionProp
         }, 50)
     }
 
+    // The click handler is needed to support Android Chrome
+    private handleClick = (e: React.MouseEvent): void => {
+        e.preventDefault()
+        e.stopPropagation()
+        this.setState({isOpen: true})
+    }
+
     private close = (): void => {
         this.setState({isOpen: false})
     }
@@ -40,6 +47,7 @@ export default class SubMenuOption extends React.PureComponent<SubMenuOptionProp
                 className='MenuOption SubMenuOption menu-option'
                 onMouseEnter={this.handleMouseEnter}
                 onMouseLeave={this.close}
+                onClick={this.handleClick}
             >
                 {this.props.icon ?? <div className='noicon'/>}
                 <div className='menu-name'>{this.props.name}</div>