Skip to content

[navigation menu] Nested inline submenus close unexpectedly on hover when entering a third-level submenu #4386

@bpat86

Description

@bpat86

Bug report

Current behavior

In a nested inline submenu implementation, when the root menu is opened via hover, opening a secondary submenu and then attempting to move the cursor into a third-level submenu causes the entire menu chain to close.

When the root menu is opened via click, third-level submenus behave as expected and remain open.

Expected behavior

In a nested inline submenu implementation, submenu behavior should be consistent regardless of how the root menu is opened.

Opening and interacting with deeper submenu levels (e.g., third-level submenus) should not cause ancestor menus to close, whether the root menu was triggered via hover or click.

Reproducible example

Hover Product -> Developers -> Composition

Base UI version

v1.3.0

Which browser are you using?

Chrome

Which OS are you using?

Mac OS

Additional context

I’ve included a minimal demo based on the current documentation example, making a few assumptions while combining elements from both submenu approaches.

Metadata

Metadata

Assignees

No one assigned

    Labels

    component: navigation menuChanges related to the navigation menu component.type: bugIt doesn't behave as expected.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions