Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Navigation block mobile menu closes unexpectedy when using Chrome devtools #63067

Closed
michalczaplinski opened this issue Jul 2, 2024 · 2 comments
Labels
[Block] Navigation Affects the Navigation Block [Feature] Interactivity API API to add frontend interactivity to blocks. [Status] Duplicate Used to indicate that a current issue matches an existing one and can be closed [Type] Bug An existing feature does not function as intended

Comments

@michalczaplinski
Copy link
Contributor

michalczaplinski commented Jul 2, 2024

Description

The mobile menu of the Navigation block closes unexpectedly when using the Chrome devtools.

The issue does not appear in Safari.

This might be related to the Interactivity API, but needs further investigation.

Step-by-step reproduction instructions

  1. Create a new site using a Twenty-Twenty-Four theme.
  2. Open a home page, which contains a Navigation block.
  3. Open Chrome devtools.
  4. Resize the browser to a "mobile" resolution so that the hamburger menu appears in the Navigation block.
  5. Open the navigation menu (click on the hamburger).
  6. Click anywhere within the Chrome devtools, e.g. attempt to select an HTML node.
  7. Observe that the menu closes unexpectedly

Screenshots, screen recording, code snippet

Screen.Recording.2024-07-02.at.20.35.28.mov

Environment info

  • WordPress version: 6.5.3
  • GB version: trunk
  • Theme: 2024 or 2023

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

@michalczaplinski michalczaplinski added [Type] Bug An existing feature does not function as intended [Block] Navigation Affects the Navigation Block [Feature] Interactivity API API to add frontend interactivity to blocks. labels Jul 2, 2024
@carolinan
Copy link
Contributor

Hi @michalczaplinski thank you for reporting this problem. I am closing this issue as a duplicate of #57603

@carolinan carolinan closed this as not planned Won't fix, can't repro, duplicate, stale Jul 3, 2024
@carolinan carolinan added the [Status] Duplicate Used to indicate that a current issue matches an existing one and can be closed label Jul 3, 2024
@michalczaplinski
Copy link
Contributor Author

michalczaplinski commented Jul 3, 2024

Apologies and thanks for catching it @carolinan ! I seem to have only searched for issues with the [Feature] Interactivity API label and missed it!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
[Block] Navigation Affects the Navigation Block [Feature] Interactivity API API to add frontend interactivity to blocks. [Status] Duplicate Used to indicate that a current issue matches an existing one and can be closed [Type] Bug An existing feature does not function as intended
Projects
None yet
Development

No branches or pull requests

2 participants