{"action":"created","issue":{"url":"https://api.github.com/repos/react-bootstrap/react-overlays/issues/67","repository_url":"https://api.github.com/repos/react-bootstrap/react-overlays","labels_url":"https://api.github.com/repos/react-bootstrap/react-overlays/issues/67/labels{/name}","comments_url":"https://api.github.com/repos/react-bootstrap/react-overlays/issues/67/comments","events_url":"https://api.github.com/repos/react-bootstrap/react-overlays/issues/67/events","html_url":"https://github.com/react-bootstrap/react-overlays/issues/67","id":141256488,"number":67,"title":"Alternatively Position with 'right' and 'bottom' ","user":{"login":"pcwinters","id":1486022,"avatar_url":"https://avatars.githubusercontent.com/u/1486022?v=3","gravatar_id":"","url":"https://api.github.com/users/pcwinters","html_url":"https://github.com/pcwinters","followers_url":"https://api.github.com/users/pcwinters/followers","following_url":"https://api.github.com/users/pcwinters/following{/other_user}","gists_url":"https://api.github.com/users/pcwinters/gists{/gist_id}","starred_url":"https://api.github.com/users/pcwinters/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/pcwinters/subscriptions","organizations_url":"https://api.github.com/users/pcwinters/orgs","repos_url":"https://api.github.com/users/pcwinters/repos","events_url":"https://api.github.com/users/pcwinters/events{/privacy}","received_events_url":"https://api.github.com/users/pcwinters/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":2,"created_at":"2016-03-16T12:20:13Z","updated_at":"2016-03-16T13:19:33Z","closed_at":null,"body":"The `<Position>` component applies 'left' and 'top' positioning styles. It would be useful to support positioning from 'right' or 'bottom'."},"comment":{"url":"https://api.github.com/repos/react-bootstrap/react-overlays/issues/comments/197324336","html_url":"https://github.com/react-bootstrap/react-overlays/issues/67#issuecomment-197324336","issue_url":"https://api.github.com/repos/react-bootstrap/react-overlays/issues/67","id":197324336,"user":{"login":"pcwinters","id":1486022,"avatar_url":"https://avatars.githubusercontent.com/u/1486022?v=3","gravatar_id":"","url":"https://api.github.com/users/pcwinters","html_url":"https://github.com/pcwinters","followers_url":"https://api.github.com/users/pcwinters/followers","following_url":"https://api.github.com/users/pcwinters/following{/other_user}","gists_url":"https://api.github.com/users/pcwinters/gists{/gist_id}","starred_url":"https://api.github.com/users/pcwinters/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/pcwinters/subscriptions","organizations_url":"https://api.github.com/users/pcwinters/orgs","repos_url":"https://api.github.com/users/pcwinters/repos","events_url":"https://api.github.com/users/pcwinters/events{/privacy}","received_events_url":"https://api.github.com/users/pcwinters/received_events","type":"User","site_admin":false},"created_at":"2016-03-16T13:19:33Z","updated_at":"2016-03-16T13:19:33Z","body":"Right and Bottom are placement options. I'm referring to an option where an overlays positioning is expressed in terms of right and bottom coordinates. I'm willing to submit a pull request if the feature gets a thumbs up. Calculating offsets from the right or bottom should be pretty similar to doing it from left and top. I believe it would be expressed as a Position prop type, something like `xRelativeTo=\"right\"'` that defaults to \"left\".\r\n\r\nFor example, I have a a trigger and overlay that are basically right aligned against the window. Based on a condition, I want the overlay to expand in width w/ a css transition on 'min-width'. Since the positioning is based on left-coordinates, the overlay then overflows the window and causes a scroll-bar. If the positioning was expressed w/ 'right', then the actual positioning of the overlay would never change and the expanding behavior wouldn't overflow. I have to jump through hoops right now to forceUpdate <Position> properties now based on width changes internal to the overlay."}}