Skip to content

FluentMenu does not close on outside click and @bind-open is not triggered #3333

@aboudoux

Description

@aboudoux

Description:
I'm experiencing an issue with the FluentMenu component:

When I click outside the FluentMenu, it does not close automatically.
When I click on one of the buttons inside the menu, it closes as expected.
Additionally, the @bind-open callback is not being called regardless of whether UseMenuService is set to true or false.

Steps to Reproduce:

Create a FluentMenu component.
Set UseMenuService to either true or false.
Open the FluentMenu.
Click outside the FluentMenu: the menu remains open.
Click on one of the buttons inside the menu: the menu closes as expected.

Expected Behavior:

The FluentMenu should automatically close when clicking outside of it.
The @bind-open callback should be invoked when the menu is opened or closed.

Questions:

Is this the intended behavior for FluentMenu?
Should I manage the closing of the menu manually when clicking outside?

Any insights or guidance would be greatly appreciated. Thank you!

Metadata

Metadata

Assignees

No one assigned

    Labels

    triageNew issue. Needs to be looked at

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions