diff --git a/packages/react/src/components/UIShell/SideNav.js b/packages/react/src/components/UIShell/SideNav.js index 066f2d3ba816..ed43a1868248 100644 --- 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) {