Select menu not appearing
See original GitHub issueBug, feature request, or proposal:
Bug
What is the expected behavior?
The select menu should appear when the select arrow is clicked
What is the current behavior?
The select menu doesn´t appear
What are the steps to reproduce?
This is how the select looks like in my template.
<md-select placeholder="Testing" [(ngModel)]="currentOption" [disabled]="false">
<md-option [value]="option1">Option1</md-option>
<md-option [value]="option2">Option2</md-option>
<md-option [value]="option3">Option3</md-option>
<md-option [value]="option4">Option4</md-option>
</md-select>
Providing a Plunker (or similar) is the best way to get the team to see your issue. Plunker template: http://plnkr.co/edit/o077B6uEiiIgkC0S06dd
What is the use-case or motivation for changing an existing behavior?
Which versions of Angular, Material, OS, browsers are affected?
Material Design alpha 11.3, using Chrome
Is there anything else we should know?
Issue Analytics
- State:
- Created 7 years ago
- Comments:5 (2 by maintainers)
Top Results From Across the Web
drop down menus not working in Windows 10
We suggest you to run System Maintenance and check. Method 1: Run the troubleshooter. Press Windows + X key. Go to Control panel....
Read more >Dropdown menu not showing in Bootstrap - Stack Overflow
In my case I discovered the .dropdown-menu bootstrap class had set the top property to: top: 100% , that caused that the dropdown...
Read more >Dropdown Menu Not showing! - HTML & CSS - SitePoint Forums
In your case you have overflow:hidden on .row which holds the menu and therefore the dropdown menu will never show because it overflows...
Read more >Selected option on dropdown menu not visible - Jotform
Hi,Many customers are complaining they will select a drop down and cannot see it. What can I do to fix this issue?Thank you~Anne-Marie......
Read more >Dropdown menu not showing despite using a category type
Hi, I am working on a dashbaord and almost all the filters are working correctly (showing the menu when I click on it)...
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
Hi @kara , @negberts was right the select was inside a div where the z-index was set to 2001. So I tried overriding the select style like this
.md-overlay-container { z-index: 10000 !important; }
and it works fine now, maybe the z-index should be a parameter for cases like this.
Is there any documentation available for the select component?
Thanks for your help!
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.