Skip to content

Issue: md-menu doesn't close if clicking outside the menu on another md-component #1410

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

Closed
palsch opened this issue Oct 3, 2016 · 3 comments
Assignees

Comments

@palsch
Copy link

palsch commented Oct 3, 2016

Bug, feature request, or proposal:

Bug

What is the expected behavior?

Menu should close if clicking outside the menu independent of the component clicked on.

What is the current behavior?

It stays oppened.
The only way to close it is to:

  • click on a menu button
  • click on a place on the page without components
  • click on the small place on the menu between menu-button and the corner.

What are the steps to reproduce?

I was not able to create a plunker example.

What is the use-case or motivation for changing an existing behavior?

Google Material specification for Dismissing menus:
"Dismiss a menu by tapping outside of the menu, or by tapping the emitting button (if visible).
Selecting a menu item should also dismiss the menu. An exception is when a menu allows for multiple items to be chosen, for example, by using checkmarks."
--> "Dismiss a menu by tapping outside of the menu" doesn't work.

Which versions of Angular, Material, OS, browsers are affected?

Angular v2.0.0, Material 2.0.0-alpha.8-2,
Tested on Windows with latest Chrome and Firefox

Is there anything else we should know?

Maybe related to #1360

@fxck
Copy link
Contributor

fxck commented Oct 3, 2016

happened to me when I had menu inside sidenav.. when you close sidenav, menu stays open and is impossible to close

@jelbourn
Copy link
Member

Dupe of #1360 (same underlying issue)

@angular-automatic-lock-bot
Copy link

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

This action has been performed automatically by a bot.

@angular-automatic-lock-bot angular-automatic-lock-bot bot locked and limited conversation to collaborators Sep 5, 2019
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

No branches or pull requests

4 participants