disable-autofocus-on-first-element

src/index.tsx

@@ -44,6 +44,7 @@ export const Popup = forwardRef<PopupActions, PopupProps>(
       open = undefined,
       disabled = false,
       nested = false,
+      disabledAutofocus = false,
       closeOnDocumentClick = true,
       repositionOnResize = true,
       closeOnEscape = true,
@@ -79,7 +80,9 @@ export const Popup = forwardRef<PopupActions, PopupProps>(
       if (isOpen) {
         focusedElBeforeOpen.current = document.activeElement;
         setPosition();
-        focusContentOnOpen(); // for accessibility
+        if (!disabledAutofocus) {
+          focusContentOnOpen(); // for accessibility
+        } 
         lockScrolll();
       } else {
         resetScroll();

src/types.tsx

@@ -39,6 +39,7 @@ export interface PopupProps {
   lockScroll?: boolean;
   closeOnDocumentClick?: boolean;
   closeOnEscape?: boolean;
+  disabledAutofocus?: boolean;
   repositionOnResize?: boolean;
   mouseEnterDelay?: number;
   mouseLeaveDelay?: number;

stories/Modal.stories.tsx

@@ -178,3 +178,21 @@ GlobalModalWithRef.args = {
   onOpen: () => alert('popup opened '),
   modal: true,
 };
+
+const DisabledAutofocusOnFirstElementTemplate: Story<PopupProps> = args => (
+  <Center>
+    <Popup
+      {...args}
+      trigger={<Button>Open modal</Button>}
+    >
+      <input placeholder='Start type'/>
+    </Popup>
+  </Center>
+);
+
+export const DisabledAutofocusOnFirstElement = DisabledAutofocusOnFirstElementTemplate.bind({});
+
+DisabledAutofocusOnFirstElement.args = {
+  modal: true,
+  disabledAutofocus: true
+};