You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
It's a bug.
It's possible to open multiple md-menu at the same time due to a z-index conflict.
What is the expected behavior?
It should not be possible to open multiple md-menu at the same time.
What is the current behavior?
Clicking on multiple menu buttons open their respective menus at the same time instead of closing the previous one.
What are the steps to reproduce?
I did not manage to get the md-menu to work on plunker.
To reproduce, place multiple md-icon-button and their respective md-menu, and click on them.
Screenshot of the issue : http://i.imgur.com/9S0JsLe.png
What is the use-case or motivation for changing an existing behavior?
This bug affects the user experience.
Which versions of Angular, Material, OS, browsers are affected?
Angular-CLI : 1.0.0-beta.16
Material : 2.0.0-alpha.9
Browsers : Every browsers
Is there anything else we should know?
The issue is related to the the z-index of the material design components.
The md-button-ripple-round used for the md-icon-button has a z-index of 1 and the md-menu-click-catcher z-index is not set by default therefore it is possible to click on the ripple of any md-icon-button without clicking on the md-menu-click-catcher.
Adding a z-index of 1 to the md-menu-click-catcher seems to fix the issue.
It's my first issue report. I hope it's not a mistake on my side.
The text was updated successfully, but these errors were encountered:
Ploppy3
changed the title
multiple md-menu opened at the same time
Issue : multiple md-menu opened at the same time
Sep 29, 2016
Bug, feature request, or proposal:
It's a bug.
It's possible to open multiple md-menu at the same time due to a z-index conflict.
What is the expected behavior?
It should not be possible to open multiple md-menu at the same time.
What is the current behavior?
Clicking on multiple menu buttons open their respective menus at the same time instead of closing the previous one.
What are the steps to reproduce?
I did not manage to get the md-menu to work on plunker.
To reproduce, place multiple md-icon-button and their respective md-menu, and click on them.
Screenshot of the issue : http://i.imgur.com/9S0JsLe.png
What is the use-case or motivation for changing an existing behavior?
This bug affects the user experience.
Which versions of Angular, Material, OS, browsers are affected?
Angular-CLI : 1.0.0-beta.16
Material : 2.0.0-alpha.9
Browsers : Every browsers
Is there anything else we should know?
The issue is related to the the z-index of the material design components.
The md-button-ripple-round used for the md-icon-button has a z-index of 1 and the md-menu-click-catcher z-index is not set by default therefore it is possible to click on the ripple of any md-icon-button without clicking on the md-menu-click-catcher.
Adding a z-index of 1 to the md-menu-click-catcher seems to fix the issue.
It's my first issue report. I hope it's not a mistake on my side.
The text was updated successfully, but these errors were encountered: