fix(uishell): close HeaderMenu on blur

carbon-design-system · Jan 10, 2020 · fb7f97b · fb7f97b
1 parent 3de43bb
commit fb7f97b
Showing 1 changed file with 7 additions and 2 deletions.
diff --git a/packages/react/src/components/UIShell/HeaderMenu.js b/packages/react/src/components/UIShell/HeaderMenu.js
@@ -105,9 +105,14 @@ class HeaderMenu extends React.Component {
   handleOnBlur = event => {
     // Rough guess for a blur event that is triggered outside of our menu or
     // menubar context
-    if (!event.relatedTarget) {
-      this.setState({ expanded: false, selectedIndex: null });
+    if (
+      event.relatedTarget &&
+      event.relatedTarget.getAttribute('role') !== 'menuitem'
+    ) {
+      return;
     }
+
+    this.setState({ expanded: false, selectedIndex: null });
   };
 
   /**