Bug: Md-menu overlapTrigger not working

Bug: 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

[willshowell]

@HoumanKml add brackets to your binding. As you have it, you are setting overlapTrigger to "false" as a string

[angular-automatic-lock-bot[bot]]

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.}