Bug: Md-menu overlapTrigger not working
See original GitHub issueBug: Md-menu overlapTrigger
not working.
What is the expected behavior?
To set the value of overlapTrigger ="false"
to allow menu to appear below trigger.
What is the current behavior?
Trigger position does not seem to be working to position menu below trigger button. Doesn’t work on default nor explicitly applied.
What are the steps to reproduce?
<button md-button [mdMenuTriggerFor]="menu">
Button Text
</button>
<md-menu #menu="mdMenu" overlapTrigger="false">
<button md-menu-item> Refresh </button>
<button md-menu-item> Settings </button>
<button md-menu-item> Help </button>
<button md-menu-item disabled> Sign Out </button>
</md-menu>
What is the use-case or motivation for changing an existing behavior?
Allow for positioning of menu below button trigger.
Which versions of Angular, Material, OS, browsers are affected?
Version 2.0.0-beta.1
Is there anything else we should know?
Documentation is misleading under Customizing menu position it describes the default behavior to be “below its trigger”. Then later on in Menu attributes the default is set to true as in overlapTrigger is true.
Related to Issue2611
Issue Analytics
- State:
- Created 7 years ago
- Reactions:1
- Comments:8 (3 by maintainers)
Top Results From Across the Web
MdMenu stay always open and never close, angular 2+
I was getting an error because of user.firstName was initially null and that caused some weird interaction with MdMenu. I solved the problem ......
Read more >angular/material - Gitter
I want to open the menu on hover of the button , how to achieve it? md-menu should accompany a trigger right ??...
Read more >Menu - Angular Material
overlapTrigger : boolean. Whether the menu should overlap its trigger. @Input('class'). panelClass: string. This method takes classes set on the host ...
Read more >ng0303: can't bind to 'mattreenodedefof' since it isn't a known ...
Bug Report · Expected behavior. Tooltip angular component when used from documentation page, should work without errors. I am using "Tree Node". ·...
Read more >angular material : Multi level Menu - Plunker
... yPosition, [overlapTrigger]="false"</b> <p>xPosition="after" not working </p> <button md-button [mdMenuTriggerFor]="menu">Menu</button> <p> with icons ...
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
@HoumanKml add brackets to your binding. As you have it, you are setting
overlapTrigger
to"false"
as a stringThis 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.