How can i prevent the focus event from propagating onto the child element in the modal

[John4650-hub]

I have a form element which inherits the focus from the Modal and for some reason the input elements don't respond when i start typing.
I looked into the events attached to the form and it's nodes and found out that the focus event is receiving an event which fires infinitely. In chrome Devtools ,removing the event fixes the issue. So i was wondering if there's any way to disable this behaviour. I've read through some related issues, docs but nothing works.
The line marked with >>> was highlighted as the root cause of this issue

const handleShow = (0,_restart_hooks_useEventCallback__WEBPACK_IMPORTED_MODULE_9__["default"])(() => {
    modal.add();
    removeKeydownListenerRef.current = (0,dom_helpers_listen__WEBPACK_IMPORTED_MODULE_3__["default"])(document, 'keydown', handleDocumentKeyDown);
    removeFocusListenerRef.current = (0,dom_helpers_listen__WEBPACK_IMPORTED_MODULE_3__["default"])(document, 'focus',
    // the timeout is necessary b/c this will run before the new modal is mounted
    // and so steals focus from it
 >>>   () => setTimeout(handleEnforceFocus), true);
    if (onShow) {
      onShow();
    }

[John4650-hub]

I hope this makes this more clear.

[diasbruno]

Hi, @John4650-hub. This snippet doesn't seem to be from the react-modal repository. Is it from another package?

Just asking so I can give you some guidance.

[John4650-hub]

If you say so then it's from react-bootstrap's Modal component. I will inquire from that side later, because my app depends on it.