Merge pull request #1524 from ASU/UDS-1994

UDS-1994: fix(component-header-footer): added focusout event to NavItem

Author: davidornelas11

packages/component-header-footer/src/header/components/HeaderMain/NavbarContainer/NavItem/index.js

@@ -68,9 +68,24 @@ const NavItem = ({ link, setItemOpened, itemOpened }) => {
         setItemOpened();
       }
     };
+
+    const handleFocusOut = () => {
+      setTimeout(() => {
+        const node = clickRef.current;
+        if (opened && node && !node.contains(document.activeElement)) {
+          setItemOpened();
+        }
+      }, 0);
+    };
+
+    const node = clickRef.current;
+
     document.addEventListener("click", handleClickOutside, true);
+    node?.addEventListener("focusout", handleFocusOut);
+
     return () => {
       document.removeEventListener("click", handleClickOutside, true);
+      node?.removeEventListener("focusout", handleFocusOut);
     };
   }, [opened]);