Skip to content

Navigation Block: Part of the focus outline is hidden #70516

@t-hamano

Description

@t-hamano

Description

When a menu link is focused with the keyboard, the browser defaults to showing an outline.

When a nested menu is focused, the bottom part disappears in most default block themes. This issue also occurs in Emptytheme, so I think it's worth fixing the issue in the Navigation block itself.

Step-by-step reproduction instructions

  • Inserts a Navigation block with nested menus.
  • Use the tab key to focus the submenu.

Screenshots, screen recording, code snippet

❌ Emptytheme

Image

✅ Twenty Twenty-Five

Image

❌ Twenty Twenty-Four

Image

❌ Twenty Twenty-Three

Image

❌ Twenty Twenty-Two

Image

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

Metadata

Metadata

Assignees

Labels

[Block] NavigationAffects the Navigation Block[Status] In ProgressTracking issues with work in progress[Type] BugAn existing feature does not function as intended

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions