You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
My app uses Angular 2.0.1 and Angular Material 2.0.0-alpha.8-2. Per md-menu docs, I have attached a menu dropdown to a button in the md-toolbar header. This header, a router-outlet link and a footer are the 3 elements in the AppComponent. Problem #1: When the button is clicked, the test menu appears, but it is below the footer, instead of being a dropdown from the button. I have tried x and y position with no results. The dropdown contains anchor links to route to pages. Problem #2: When the anchor links are clicked, the dropdown disappears, but no routing to a new page occurs. These anchor links are also in the toolbar for test purposes, and the links and the router work correctly in the toolbar - outside the menu. Here is relevant code.
<button md-button [md-menu-trigger-for]="menu">POST
<md-menu x-position="after" #menu="mdMenu">
Home
Rent an apartment
RefreshTest