{"action":"created","issue":{"url":"https://api.github.com/repos/angular/material2/issues/1387","repository_url":"https://api.github.com/repos/angular/material2","labels_url":"https://api.github.com/repos/angular/material2/issues/1387/labels{/name}","comments_url":"https://api.github.com/repos/angular/material2/issues/1387/comments","events_url":"https://api.github.com/repos/angular/material2/issues/1387/events","html_url":"https://github.com/angular/material2/issues/1387","id":180352526,"number":1387,"title":"md-menu does not appear next to attached element and menu anchor links do not route","user":{"login":"mLaird","id":3199599,"avatar_url":"https://avatars.githubusercontent.com/u/3199599?v=3","gravatar_id":"","url":"https://api.github.com/users/mLaird","html_url":"https://github.com/mLaird","followers_url":"https://api.github.com/users/mLaird/followers","following_url":"https://api.github.com/users/mLaird/following{/other_user}","gists_url":"https://api.github.com/users/mLaird/gists{/gist_id}","starred_url":"https://api.github.com/users/mLaird/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/mLaird/subscriptions","organizations_url":"https://api.github.com/users/mLaird/orgs","repos_url":"https://api.github.com/users/mLaird/repos","events_url":"https://api.github.com/users/mLaird/events{/privacy}","received_events_url":"https://api.github.com/users/mLaird/received_events","type":"User","site_admin":false},"labels":[],"state":"closed","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":10,"created_at":"2016-09-30T16:56:07Z","updated_at":"2016-11-04T01:37:21Z","closed_at":"2016-11-04T01:37:21Z","body":"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.\n\n<md-toolbar class=\"headerFooter\"> <!--header toolbar element -->\n  <span>\n    <button md-button [md-menu-trigger-for]=\"menu\">POST</button>\n      <md-menu x-position=\"after\" #menu=\"mdMenu\">\n        <a routerLink=\"/home\" md-menu-item>Home</a><!--these links do not route-->\n        <a routerLink=\"/rentApartment\" md-menu-item>Rent an apartment</a>\n        <button md-menu-item>RefreshTest</button>  \n     </md-menu>\n  </span>\n\n  <span><!-- to test routing - these links route properly-->\n    <div>\n      <a routerLink=\"/home\">Home</a>\n      <a routerLink=\"/rentApartment\">Rent apartment</a>\n    </div>\n  </span>\n  others, etc.\n</md-toolbar> <!--end of header toolbar component -->\n\n<div class=\"partialPage\">\n  <router-outlet></router-outlet>\n</div>\n\n\n<md-grid-list cols=\"6\" rowHeight=\"100px\" class=\"headerFooter\"> <!--footer grid-list element -->\n  <md-grid-tile><button md-button>TERMS</button></md-grid-tile>\n  <md-grid-tile><button md-button>PRIVACY</button></md-grid-tile>\n  others, etc.\n</md-grid-list>\n"},"comment":{"url":"https://api.github.com/repos/angular/material2/issues/comments/258323579","html_url":"https://github.com/angular/material2/issues/1387#issuecomment-258323579","issue_url":"https://api.github.com/repos/angular/material2/issues/1387","id":258323579,"user":{"login":"jelbourn","id":838736,"avatar_url":"https://avatars.githubusercontent.com/u/838736?v=3","gravatar_id":"","url":"https://api.github.com/users/jelbourn","html_url":"https://github.com/jelbourn","followers_url":"https://api.github.com/users/jelbourn/followers","following_url":"https://api.github.com/users/jelbourn/following{/other_user}","gists_url":"https://api.github.com/users/jelbourn/gists{/gist_id}","starred_url":"https://api.github.com/users/jelbourn/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/jelbourn/subscriptions","organizations_url":"https://api.github.com/users/jelbourn/orgs","repos_url":"https://api.github.com/users/jelbourn/repos","events_url":"https://api.github.com/users/jelbourn/events{/privacy}","received_events_url":"https://api.github.com/users/jelbourn/received_events","type":"User","site_admin":false},"created_at":"2016-11-04T01:37:21Z","updated_at":"2016-11-04T01:37:21Z","body":"Sounds like this was caused by missing core styles, not documented https://github.com/angular/material2/blob/master/docs/theming.md"}}
{"actor":{"display_login":"jelbourn"}}