Components: focus is lost from Modal on keyboard operation in Firefox

[t-hamano]

Description

In the Firefox browser, the focus sometimes goes out of the modal f you use the TAB key to move.
This issue is very unstable and seems to occur when the machine is under load or when tabs are moved at high speed.

Step-by-step reproduction instructions

• Open one of the modal window from the Storybook page or "Welcome Guide" of the post editor, etc.
• Press tab key or tab + shift key to change the focus in the modal window.
• Alternatively, hold down tab key to change the focus to fast.
• Sometimes you should see the focus goes out of the modal.

Screenshots, screen recording, code snippet

On Post Editor

welcome-guide.mp4

On Storybook

storybook.mp4

Environment info

• WordPress Version: 6.1-alpha-53579
• Gutenberg Version: 13.7.2 (with or without)
• Browser Version: Firevox 102.0.1 (64bit)

Please confirm that you have searched existing issues in the repo.

Yes

Please confirm that you have tested with all plugins deactivated except Gutenberg.

Yes

[afercia]

See also the reproduction instructions on #45903, closed as duplicate of this issue.

I'd like to highlight that this isn't a browser bug. The current implementation is just relying on the fact that a native browser behavior occurs with some timing that isn't predictable. As such, the change implemented in #34836 seems very fragile to me.