Skip to content

Navigation Overlay: back arrow doesn't close sub-menu on mobile #75925

@getdave

Description

@getdave

Description

When using a Navigation block with an Overlay template that includes a sub-menu and the Show arrow option enabled, tapping the back arrow icon on mobile does not close the sub-menu overlay. The user must tap outside the overlay to dismiss it instead.

This appears to be a regression introduced in Gutenberg 22.6.0, which shipped the Navigation Overlays feature.

Steps to Reproduce

  1. Create a navigation with an Overlay template.
  2. Add a sub-menu item beneath one of the top-level links.
  3. Enable the Show arrow option on the Navigation block.
  4. On a mobile device, open the navigation overlay.
  5. Tap the top-level item to open the sub-menu.
  6. Tap the back arrow icon to close the sub-menu.

Expected Behaviour

Tapping the back arrow closes the sub-menu overlay and returns to the top-level navigation view.

Actual Behaviour

Tapping the back arrow has no effect. The sub-menu overlay remains open. The only way to close it is to tap outside the overlay.

Environment

  • Gutenberg: v22.6.0-rc.1 / rc.2
  • Platform: mobile (device/browser details still being gathered)

Additional Context

Related to the Navigation Overlays work landed in #74971.

/cc @sarahn88

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions