When Informer notification closes, metaField input focus changes

[insanity54]

Initial checklist

• I understand this is a bug report and questions should be posted in the Community Forum
• I searched issues and couldn’t find anything (or linked relevant results below)

Link to runnable example

https://codesandbox.io/p/sandbox/frosty-sunset-teevtq

Steps to reproduce

• Add a file to the Dashboard
• While the notification is open, edit the file's first metaField
• While the notification is still open, tab to the second metaField
• Wait for notification to close

uppy-bug2.mp4

In this video example of the bug, I'm typing "example" in the first metaField, pressing tab to get to the second metaField, then repeatedly typing "hello world" in the second metaField. The third instance of "hello world" appears in the first metaField, even though I did not press a button to put focus there.

Expected behavior

When typing in the second text input field, focus should not switch when the Informer notification closes

Actual behavior

When the Informer notification closes, focus is switched to the first metaField

[lakesare]

Can reproduce this in Chrome and in Firefox, this happens only for { inline: true } mode; and only after full page reload.
Thanks for the report, will take a look.

[lakesare]

This is the expected behaviour - the idea here is that the screen reader (for the blind people) should have time to read the Informer message, and then focus jumps to the main element of the current screen (in this case, it's the first input field "Source").

In your use case, the best way to avoid this refocus is probably either:

• shorter Informer message duration, or
• attaching the custom event to the edit button, and, when the user clicks on it, running uppy.setState({ info: [] }).

I will close this now, but if anyone has similar refocus issues due to Informer - please reopen.