Focus lost when updating navigation link label

[ajlende]

Description

On the navigation link and navigation submenu blocks, the label input loses focus when entering any text.

Step-by-step reproduction instructions

1. Select or add a navigation link to the navigation menu
2. In the block controls sidebar update the label
3. See that focus is lost and you can only type one or two letters at a time

Screenshots, screen recording, code snippet

Environment info

• WordPress trunk (6.2.0)
• Gutenberg trunk (14.7.0-rc.1)
• Firefox 107.0

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

[ajlende]

I was told this may have happened after this refactor. I haven't confirmed it myself, but it may be a place to start looking for the fix.

[getdave]

Screen.Capture.on.2022-12-01.at.19-11-59.mp4

Hmmmm I can't seem to replicate this in the Post Editor using Chrome. Any other reproduction steps?

[getdave]

Confirmed this is FF specific. I was able to replicate.

[getdave]

I think I have tracked this to packages/block-editor/src/components/rich-text/use-firefox-compat.js

...which is included on the <RichText> component here

gutenberg/packages/block-editor/src/components/rich-text/index.js

Line 443 in d572cba

useFirefoxCompat(),

If I remove the hook then I don't get the focus bug.

[getdave]

....but I don't know what the fix is. It is a bug with the hook or a bug in our implementation???

[MaggieCabrera]

It was not the refactor, but the bug is weirder than I initially thought. This is what I did:

I checked out 821db1c which is the commit previous to the refactor, and then added a link to my navigation and edited the label. It works fine for a few seconds and then the focus gets lost.

[MaggieCabrera]

can't seem to reproduce this anymore, closing. Feel free to reopen if it comes back!