fix(SideNav): detect child node for blur (#6043)

This changes fixes a logic in `<SideNav>` where it detects focus on a nav item as side nav losing focus as a whole. Fixes #6004.
carbon-design-system · May 12, 2020 · 818705a · 818705a
1 parent f5c1606
commit 818705a
Showing 1 changed file with 10 additions and 2 deletions.
diff --git a/packages/react/src/components/UIShell/SideNav.js b/packages/react/src/components/UIShell/SideNav.js
@@ -95,8 +95,16 @@ const SideNav = React.forwardRef(function SideNav(props, ref) {
   let eventHandlers = {};
 
   if (addFocusListeners) {
-    eventHandlers.onFocus = event => handleToggle(event, true);
-    eventHandlers.onBlur = event => handleToggle(event, false);
+    eventHandlers.onFocus = event => {
+      if (!event.currentTarget.contains(event.relatedTarget)) {
+        handleToggle(event, true);
+      }
+    };
+    eventHandlers.onBlur = event => {
+      if (!event.currentTarget.contains(event.relatedTarget)) {
+        handleToggle(event, false);
+      }
+    };
   }
 
   if (addMouseListeners && isRail) {