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

Mobile: Second dropdown menu does not open right away when first is open #22031

Closed
kerolol opened this issue Feb 20, 2017 · 1 comment
Closed

Comments

@kerolol
Copy link

kerolol commented Feb 20, 2017

When there are 2 dropdowns present in the navbar and I'm in mobile version, I can not directly open the second dropdown-menu, if the first (and in mobile, the upper one) is already open. What happens is, that when I want to open the second, lower navbar, it closes the first one. Only then I can open it with a second click.

Menu with the first dropdown open:
navbar_dropdown1_open

Menu after click on the second dropdown (you can see the hover-state of the search button as my cursor lands on it after I click on the second dropdown link and the first dropdown closes):
navbar_dropdown2_open

I took the menu from "Starter Template" from the Examples page to codepen.io and added a second dropdown menu to reproduce this issue. Codepen example can be fround here: http://codepen.io/kerowan/pen/LxKmER

EDIT: Realized that I first had the ids aria-labelledbys set wrong (left it with dropdown01 for both dropdowns) but fixing that does not resolve the issue

@kerolol
Copy link
Author

kerolol commented Feb 20, 2017

Found an exisiting issue for this behaviour ( #21941)

@kerolol kerolol closed this as completed Feb 20, 2017
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant