{"action":"created","issue":{"url":"https://api.github.com/repos/material-components/material-components-web/issues/4111","repository_url":"https://api.github.com/repos/material-components/material-components-web","labels_url":"https://api.github.com/repos/material-components/material-components-web/issues/4111/labels{/name}","comments_url":"https://api.github.com/repos/material-components/material-components-web/issues/4111/comments","events_url":"https://api.github.com/repos/material-components/material-components-web/issues/4111/events","html_url":"https://github.com/material-components/material-components-web/issues/4111","id":384488821,"node_id":"MDU6SXNzdWUzODQ0ODg4MjE=","number":4111,"title":"MDCMenu's `setAbsolutePosition()` doesn't seem to work.","user":{"login":"vedtam","id":4981592,"node_id":"MDQ6VXNlcjQ5ODE1OTI=","avatar_url":"https://avatars2.githubusercontent.com/u/4981592?v=4","gravatar_id":"","url":"https://api.github.com/users/vedtam","html_url":"https://github.com/vedtam","followers_url":"https://api.github.com/users/vedtam/followers","following_url":"https://api.github.com/users/vedtam/following{/other_user}","gists_url":"https://api.github.com/users/vedtam/gists{/gist_id}","starred_url":"https://api.github.com/users/vedtam/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/vedtam/subscriptions","organizations_url":"https://api.github.com/users/vedtam/orgs","repos_url":"https://api.github.com/users/vedtam/repos","events_url":"https://api.github.com/users/vedtam/events{/privacy}","received_events_url":"https://api.github.com/users/vedtam/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":2,"created_at":"2018-11-26T20:03:17Z","updated_at":"2018-11-26T21:36:20Z","closed_at":null,"author_association":"NONE","body":"Hi,\r\n\r\nI'm trying to use the `setAbsolutePosition(0, 100);` method found in the MDCMenu's docs, to position the \"mdc-menu\" bellow an overflow button on my Top Bar, but it seems like it's not working (actually makes the element stuck offscreen), no matter what value I set.\r\n\r\n<img width=\"546\" alt=\"screen shot 2018-11-26 at 10 01 21 pm\" src=\"https://user-images.githubusercontent.com/4981592/49038866-ddb14100-f1c6-11e8-96cc-35a98bae3a0d.png\">\r\n\r\n\r\n### What MDC Web Version are you using?\r\n\r\n> 0.4.1.1\r\n\r\n### What browser(s) is this bug affecting?\r\n\r\n> Chrome 70\r\n\r\n### What OS are you using?\r\n\r\n> OSX\r\n\r\n### What are the steps to reproduce the bug?\r\n\r\n> 1. Add a Top bar to the page\r\n> 2. add an action button and an MDCMenu inside a div with the `mdc-menu-surface--anchor` class\r\n> 3. Apply `setAbsolutePosition(0, 100);` to the menu\r\n> 4. Observe the component's behavior as it won't react to changes while changing values\r\n>\r\n> See [template on CodePen](https://codepen.io/vedtam/pen/gQKmQx?editors=1010) reproducing the issue. \r\n\r\n### What is the expected behavior?\r\n\r\n> The menu should change position along the x/y axis corresponding to the values supplied to the method\r\n### What is the actual behavior?\r\n\r\n> The menu won't react to changes made to the values of the method and gets stuck, slightly offscreen (to the right)\r\n"},"comment":{"url":"https://api.github.com/repos/material-components/material-components-web/issues/comments/441807871","html_url":"https://github.com/material-components/material-components-web/issues/4111#issuecomment-441807871","issue_url":"https://api.github.com/repos/material-components/material-components-web/issues/4111","id":441807871,"node_id":"MDEyOklzc3VlQ29tbWVudDQ0MTgwNzg3MQ==","user":{"login":"williamernest","id":34519388,"node_id":"MDQ6VXNlcjM0NTE5Mzg4","avatar_url":"https://avatars3.githubusercontent.com/u/34519388?v=4","gravatar_id":"","url":"https://api.github.com/users/williamernest","html_url":"https://github.com/williamernest","followers_url":"https://api.github.com/users/williamernest/followers","following_url":"https://api.github.com/users/williamernest/following{/other_user}","gists_url":"https://api.github.com/users/williamernest/gists{/gist_id}","starred_url":"https://api.github.com/users/williamernest/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/williamernest/subscriptions","organizations_url":"https://api.github.com/users/williamernest/orgs","repos_url":"https://api.github.com/users/williamernest/repos","events_url":"https://api.github.com/users/williamernest/events{/privacy}","received_events_url":"https://api.github.com/users/williamernest/received_events","type":"User","site_admin":false},"created_at":"2018-11-26T21:36:20Z","updated_at":"2018-11-26T21:36:20Z","author_association":"CONTRIBUTOR","body":"@vedtam It doesn't work when there's an anchor element set so you have to either remove the `--anchor` class from the parent or programmatically set the anchor element to null. If you cannot hoist the menu, you should use the menu in `fixed` position. Otherwise the `setAbsolutePosition` method is be relative values. \r\n\r\nhttps://codepen.io/williamernest/pen/GwBmOy"}}
{"actor":{"display_login":"williamernest"}}