Panel with NavigationTree does not close on Navigation

[nerdnum]

Environment

• Operating System: Darwin
• Node Version: v22.1.0
• Nuxt Version: 3.12.4
• CLI Version: 3.12.0
• Nitro Version: 2.9.7
• Package Manager: [email protected]
• Builder: -
• User Config: extends, modules, tiptap, future, compatibilityDate, devtools, runtimeConfig
• Runtime Modules: @pinia/[email protected], @nuxt/[email protected], [email protected]
• Build Modules: -

Version

v2.18.4

Reproduction

https://stackblitz.com/~/github.com/nerdnum/projectx-frontend-v3

@moshetanzer , I tagged you as you requested on Discord. Please let me know if you can access the link. It is my first time creating something on stackblitz, and I am not sure how access is managed.

The panel behaves the same on Stackblitz as on my development machine. The panel does not close.

Description

I am using Nuxt-UI Pro. I provide a NavigationTree (using "label" and "to" in the links tree) to the panel slot of the Header component. When the screen with is less than 1024px, as expected, the NavigationTree is displayed when one clicks on the hamburger icon. When one clicks on one of the links in the tree, the application navigates to the new URL, but it does not close the panel as expected. One has to click on the 'x' to close the panel.

This differs from the behaviour of the Nuxt-ui documentation site (https://ui.nuxt.com/pro/components/header), which closes the panel and does the navigation. I cannot find anything about closing the panel with code in the documentation.

It behaves the same in chrome, edge and firefox.

Disabling SSR does not make a difference.

Additional context

No response

Logs

No response