Skip to content

feat(MatMenu,MatSelect): Allow to have hasBackdrop to false and close the menu on outside click #32149

@Raphyyy

Description

@Raphyyy

Feature Description

The MatMenu API component provide hasBackdrop option to be set to false to disable backdrop which I think is irrelevant because the menu is not being closed if the user click outside of the menu.

I use Angular in a data vizualisation app.
With the backdrop, my users are really confused over why can't they hover a chart or interact with the page, or even just scroll. They have to realise it is because there is a menu or a select open and they have to click randomly somewhere to close it.

I would like to be able to fully disable backdrop on my menus, selects and others components with overlay, while keeping the attended behaviour of closing them if the user click anywhere else.

Use Case

No response

Metadata

Metadata

Assignees

No one assigned

    Labels

    featureThis issue represents a new feature or feature request rather than a bug or bug fixneeds triageThis issue needs to be triaged by the team

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions