Skip to content

FSE: when editing a navigation menu item's label, focus is lost each time you type a character #50255

@nekohayo

Description

@nekohayo

Description

Everytime I type a character in the editing field for menu labels, it defocuses the field, so I have to click to refocus it after every typed character.

Furthermore, this makes it impossible to type accented characters using dead keys (ex: typing ^ then e to create ê).

Step-by-step reproduction instructions

  1. Insert a menu in the header template of your website and edit its contents using the sidebar on the right
  2. Try to modify the label of an item in a submenu

See video below.

Screenshots, screen recording, code snippet

wordpress-6.2-gutenberg-menu-label-editing-focus-issue.webm

Environment info

  • Fully updated WordPress 6.2, with the stock Gutenberg version that comes with it
  • Tested on Firefox 112.0.1 on Fedora Linux 38, in the GNOME Wayland session.

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

Metadata

Metadata

Labels

Browser IssuesIssues or PRs that are related to browser specific problems[Block] NavigationAffects the Navigation Block[Block] Page ListAffects the Page List Block[Focus] Accessibility (a11y)Changes that impact accessibility and need corresponding review (e.g. markup changes).[Type] BugAn existing feature does not function as intended

Type

No type

Projects

Status

Done

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions