Create Pattern Modal: Tab focus is lost

[t-hamano]

Description

The "Add New Pattern" modal allows us to select a pattern category that is rendered by the FormTokenField component.

When I press the tab key in this pattern category, I would expect the "Synced" toggle to get focus, but instead the modal disappears and focus is lost.

I have not been able to identify the cause, but I suspect it might be an issue that occurs when the Modal component and the FormTokenField component are used together.

This issue appears to have occurred since WP 6.4, when pattern categories were implemented.

Step-by-step reproduction instructions

• Select "Create pattern" from a block toolbar.
• Press the tab key repeatedly.

Screenshots, screen recording, code snippet

6c136c876db49007bb40539666fbec71.mp4

Environment info

No response

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

Please confirm which theme type you used for testing.

• Block
• Classic
• Hybrid (e.g. classic with theme.json)
• Not sure

[t-hamano]

I'm closing this as I can no longer reproduce this issue for some reason.

[t-hamano]

I've somehow managed to reproduce this issue, so I'd be grateful if you could test this in your environment.

[carolinan]

I am able to reproduce it:
Windows 11, Chrome Version 132.0.6834.84
I tested it in the Site Editor and block editor.

WP Version 6.7.1 without Gutenberg
WP version 6.7.1 with Gutenberg trunk