Skip to content

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

Closed
@palsch

Description

@palsch

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

Metadata

Metadata

Assignees

Labels

No labels
No labels

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions