feat(react-kit): update Overlay feature with enableInitialFocus

weareteamturing · Dec 12, 2024 · fc773b8 · fc773b8
1 parent a9c2b12
commit fc773b8
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/packages/react-kit/src/core/Overlay/index.tsx b/packages/react-kit/src/core/Overlay/index.tsx
@@ -23,6 +23,7 @@ type Props = {
   size?: ResponsiveValue<OverlaySizeType>;
   ignoreOutsideClickRefs?: RefObject<HTMLElement>[];
   dismissFocusRef?: RefObject<HTMLElement>;
+  enableInitialFocus?: boolean;
 } & MaxHeightProps &
   SxProp &
   HTMLAttributes<HTMLElement>;
@@ -35,6 +36,7 @@ const Overlay = (
     size = 'm',
     ignoreOutsideClickRefs = [],
     dismissFocusRef,
+    enableInitialFocus = true,
     maxHeight = forcePixelValue(600),
     ...props
   }: PropsWithChildren<Props>,
@@ -78,7 +80,7 @@ const Overlay = (
   );
 
   useEffect(() => {
-    if (overlayRef.current) {
+    if (overlayRef.current && enableInitialFocus) {
       const firstItem = iterateFocusableElements(overlayRef.current).next().value;
       firstItem?.focus();
     }