@sproutsocial/seeds-react-menu 1.18.3 → 1.18.4

package/dist/index.js

@@ -2650,6 +2650,9 @@ var import_jsx_runtime32 = require("react/jsx-runtime");
 var StyledDiv = (0, import_styled_components12.default)(import_react30.motion.div)`
   overflow: hidden;
 `;
+var RETURN_FOCUS_DELAY = 200;
+var RETURN_FOCUS_RETRY_DELAY = 50;
+var RETURN_FOCUS_BUDGET = 1e3;
 var NestedMenuPopout = ({
   content,
   menuToggleElement,
@@ -2660,16 +2663,43 @@ var NestedMenuPopout = ({
   ...popoutProps
 }) => {
   const { activeMenuContext, rootMenuContextProps, resetSelectedMenuPath } = useNestedMenuContext();
+  const closeTimerRef = (0, import_react29.useRef)();
+  const retryTimerRef = (0, import_react29.useRef)();
+  (0, import_react29.useEffect)(
+    () => () => {
+      clearTimeout(closeTimerRef.current);
+      clearTimeout(retryTimerRef.current);
+    },
+    []
+  );
+  const attemptReturnFocus = (deadline) => {
+    const toggleElement = toggleElementRef.current;
+    if (toggleElement) {
+      if (document.activeElement === toggleElement) {
+        return;
+      }
+      toggleElement.focus();
+      if (document.activeElement === toggleElement) {
+        return;
+      }
+    }
+    if (Date.now() < deadline) {
+      retryTimerRef.current = setTimeout(
+        () => attemptReturnFocus(deadline),
+        RETURN_FOCUS_RETRY_DELAY
+      );
+    }
+  };
   return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
     MenuPopout,
     {
       lockPlacement: true,
       onClose: () => {
         onClose?.();
-        setTimeout(() => {
-          toggleElementRef.current?.focus();
+        closeTimerRef.current = setTimeout(() => {
+          attemptReturnFocus(Date.now() + RETURN_FOCUS_BUDGET);
           resetSelectedMenuPath?.();
-        }, 200);
+        }, RETURN_FOCUS_DELAY);
       },
       isOpen: !!rootMenuContextProps.isOpen,
       openMenu: rootMenuContextProps.openMenu,