{"action":"created","issue":{"url":"https://api.github.com/repos/react-bootstrap/react-overlays/issues/52","repository_url":"https://api.github.com/repos/react-bootstrap/react-overlays","labels_url":"https://api.github.com/repos/react-bootstrap/react-overlays/issues/52/labels{/name}","comments_url":"https://api.github.com/repos/react-bootstrap/react-overlays/issues/52/comments","events_url":"https://api.github.com/repos/react-bootstrap/react-overlays/issues/52/events","html_url":"https://github.com/react-bootstrap/react-overlays/issues/52","id":121869381,"number":52,"title":"More placement types for Position","user":{"login":"vladimir-rovensky","id":10760126,"avatar_url":"https://avatars.githubusercontent.com/u/10760126?v=3","gravatar_id":"","url":"https://api.github.com/users/vladimir-rovensky","html_url":"https://github.com/vladimir-rovensky","followers_url":"https://api.github.com/users/vladimir-rovensky/followers","following_url":"https://api.github.com/users/vladimir-rovensky/following{/other_user}","gists_url":"https://api.github.com/users/vladimir-rovensky/gists{/gist_id}","starred_url":"https://api.github.com/users/vladimir-rovensky/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/vladimir-rovensky/subscriptions","organizations_url":"https://api.github.com/users/vladimir-rovensky/orgs","repos_url":"https://api.github.com/users/vladimir-rovensky/repos","events_url":"https://api.github.com/users/vladimir-rovensky/events{/privacy}","received_events_url":"https://api.github.com/users/vladimir-rovensky/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":8,"created_at":"2015-12-12T18:00:48Z","updated_at":"2016-05-12T07:36:43Z","closed_at":null,"body":"Would it be possible to add more placement types for the `Position` component? It works great, but I can only position in one dimension, the other gets centered (e.g. placement=bottom means essentially bottom center).\r\n\r\nIdeally, the `Position` component would have a similar API to that of [jQuery UI Position](https://jqueryui.com/position/) - the user says what point of the element should be positioned to what point of the target. Is that realistic in the context of the `Position` component?  . "},"comment":{"url":"https://api.github.com/repos/react-bootstrap/react-overlays/issues/comments/218682233","html_url":"https://github.com/react-bootstrap/react-overlays/issues/52#issuecomment-218682233","issue_url":"https://api.github.com/repos/react-bootstrap/react-overlays/issues/52","id":218682233,"user":{"login":"vladimir-rovensky","id":10760126,"avatar_url":"https://avatars.githubusercontent.com/u/10760126?v=3","gravatar_id":"","url":"https://api.github.com/users/vladimir-rovensky","html_url":"https://github.com/vladimir-rovensky","followers_url":"https://api.github.com/users/vladimir-rovensky/followers","following_url":"https://api.github.com/users/vladimir-rovensky/following{/other_user}","gists_url":"https://api.github.com/users/vladimir-rovensky/gists{/gist_id}","starred_url":"https://api.github.com/users/vladimir-rovensky/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/vladimir-rovensky/subscriptions","organizations_url":"https://api.github.com/users/vladimir-rovensky/orgs","repos_url":"https://api.github.com/users/vladimir-rovensky/repos","events_url":"https://api.github.com/users/vladimir-rovensky/events{/privacy}","received_events_url":"https://api.github.com/users/vladimir-rovensky/received_events","type":"User","site_admin":false},"created_at":"2016-05-12T07:36:43Z","updated_at":"2016-05-12T07:36:43Z","body":"There's not much more to it, that's literally the whole thing. It uses jquery.ui position to do a one time (when it mounts) positioning of its children to a given target. To elaborate on the usage:\r\n```\r\nreturn    <div>\r\n              <div ref='target'>I am the target</div>\r\n              <Position my='left top' at='left bottom' of={() => this.refs.target}>\r\n                  <div>I will be positioned below the target</div>\r\n             </Position>\r\n          </div>\r\n```\r\nNot sure what you mean by auto position, if you mean to automatically reposition the children to keep their relative position to the target even when it moves/resizes, then no, this is just a one time positioning. If your target moves around, you'd have to keep updating the position in `componentDidUpdate` and make it so that Position is re-rendered whenever the target moves."}}