Skip to content

Pendant theme: Overlay style Navigation block displays menu items halfway down the editor window #6870

Open

Description

Quick summary

Pendant uses the overlay-style (mobile) menu on all devices by default. When you click on it in the Site Editor, it can initially looks like there are no menu items and no option to add more, as the menu items load off-screen halfway down the editor screen. You need to scroll down to find the menu and the + button to add more links.

Steps to reproduce

  1. Activate Pendant theme.
  2. Open the Site Editor (Appearance > Editor).
  3. Ensure the Navigation block is present, and the "Overlay Menu" setting is set to Always. Make sure the selected menu contains at least one menu item.
  4. Click on the Navigation menu button in the editor window to open it.

What you expected to happen

The menu links should be immediately visible at the top of the editor area.

What actually happened

The menu links are displayed halfway down the total height of the template, which will initially render them off screen in most cases. You have to scroll down to find them. Selecting the Navigation block in the "List View" again jumps you up to the top of the editor window again.

Impact

Some (< 50%)

Available workarounds?

No but the platform is still usable

Platform (Simple and/or Atomic)

Simple, Atomic

Logs or notes

Only replicated on Pendant, unsure if other themes are affected. From the browser inspector, it seems the .wp-block-navigation__responsive-close element has a height of 100%, which may be what causes this issue.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions