Skip to content
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

Issue : multiple md-menu opened at the same time #1360

Closed
Ploppy3 opened this issue Sep 28, 2016 · 1 comment · Fixed by #1534
Closed

Issue : multiple md-menu opened at the same time #1360

Ploppy3 opened this issue Sep 28, 2016 · 1 comment · Fixed by #1534
Assignees
Labels
P2 The issue is important to a large percentage of users, with a workaround

Comments

@Ploppy3
Copy link

Ploppy3 commented Sep 28, 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.

@Ploppy3 Ploppy3 changed the title multiple md-menu opened at the same time Issue : multiple md-menu opened at the same time Sep 29, 2016
@jelbourn jelbourn added the P2 The issue is important to a large percentage of users, with a workaround label Oct 19, 2016
@kara kara added the has pr label Oct 19, 2016
@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
P2 The issue is important to a large percentage of users, with a workaround
Projects
None yet
Development

Successfully merging a pull request may close this issue.

3 participants