Skip to content

Navigation Burger menu > opened > close button inconsistencies (depending the log in status) #52233

@Marc-pi

Description

@Marc-pi

Description

The Burger Menu (navigation block), on mobile, displays wrongly the close cross (see screenshot below)
When user is log out, the cross is too close from the top of the screen.
It deals with admin bar not present for anonymous users (not log in)

The issue is there for months, and brings novice WP user to think that Gutenberg is not production ready.
The only way to fix this is to add custom csss.

@getdave if you can have a look, it is an issue that impacts all FSE sites, thus critical :-)
@ndiego to be added IMHO for 6.3 next beta/RC , since it has a daily impact on 100% of FSE websites running purely Gutenberg

Step-by-step reproduction instructions

  1. Set a navigation menu with basic page entries
  2. Play on mobile with it : open the burger and observe the UI
  3. You can see the position of the icone is not consistent, depending on the log in statuts

Screenshots, screen recording, code snippet

With admin bar active (login)
image

With no admin bar active (logout)
image

Environment info

WP 6.2.2
Woo Blocks 10.5.0
TT2/TT3

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

Assignees

No one assigned

    Labels

    Needs TestingNeeds further testing to be confirmed.[Block] NavigationAffects the Navigation Block[Status] StaleGives the original author opportunity to update before closing. Can be reopened as needed.[Type] BugAn existing feature does not function as intended[Type] RegressionRelated to a regression in the latest release

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions