Font Library: Focus loss when deleting fonts and possibly other flows

[afercia]

Description

I'm not sure this ha been already tracked but there are more focus losses in the FOnts modal dialog than the one already fixed in #58314

For example, when deleting a font the whole content of the modal dialog updates and the delete button that had keyboard focus disappers. As such, focus is entirely lost. Pressing tab again starts the tab sequence from scratch from the document root outside of the modal dialog which is something that should never ever happen.

See attached animated GIF to better illustrate.

Possibly, there are more flows where focused element get dynamically hidden / removed thus triggering more focus losses.

Step-by-step reproduction instructions

• Make sure you already have some custom fonts installed, e.g. a Google font.
• Go to Site editor > Styles > Typography > Manage fonts.
• Use the keyboard to navigate the modal dialog focusable elements.
• In the Library tab, select an installed custom font of your choice.
• In the sub-view with the font details, the Delete button and press Enter.
• In the confirm dialog tab to the Delete button and press Enter.
• Wait for the font deletion to complete successfully.
• The confirm dialog closes.
• Press the tab key.
• Observe focus is lost and the tab sequence starts from scratch from the 'Open Navigation' WP logo in the editor UI outside of the modal dialog.

Screenshots, screen recording, code snippet

No response

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