{"action":"created","issue":{"url":"https://api.github.com/repos/HubSpot/drop/issues/16","labels_url":"https://api.github.com/repos/HubSpot/drop/issues/16/labels{/name}","comments_url":"https://api.github.com/repos/HubSpot/drop/issues/16/comments","events_url":"https://api.github.com/repos/HubSpot/drop/issues/16/events","html_url":"https://github.com/HubSpot/drop/issues/16","id":29267815,"number":16,"title":"Horizonal overflow with drop","user":{"login":"brianmhunt","id":135528,"avatar_url":"https://avatars.githubusercontent.com/u/135528?v=3","gravatar_id":"","url":"https://api.github.com/users/brianmhunt","html_url":"https://github.com/brianmhunt","followers_url":"https://api.github.com/users/brianmhunt/followers","following_url":"https://api.github.com/users/brianmhunt/following{/other_user}","gists_url":"https://api.github.com/users/brianmhunt/gists{/gist_id}","starred_url":"https://api.github.com/users/brianmhunt/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/brianmhunt/subscriptions","organizations_url":"https://api.github.com/users/brianmhunt/orgs","repos_url":"https://api.github.com/users/brianmhunt/repos","events_url":"https://api.github.com/users/brianmhunt/events{/privacy}","received_events_url":"https://api.github.com/users/brianmhunt/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":7,"created_at":"2014-03-12T14:37:59Z","updated_at":"2015-05-12T14:28:44Z","closed_at":null,"body":"A wide drop will overflow horizontally, making part of the drop invisible. This appears to be as-designed. Here is a [jsFiddle](http://jsfiddle.net/bmh_ca/zZ7AJ/1/) illustrating the issue.\r\n\r\nIt would be really nice, if it is possible, if there were a way for a drop to re-position itself horizontally as it overflows.\r\n\r\nThe easiest end-user workaround is to add `tetherOptions.constraints` like this:\r\n\r\n```\r\n new Drop(\r\n   tetherOptions:\r\n      constraints: [\r\n        to: 'scrollParent',\r\n        attachment: 'together',\r\n        pin: true\r\n      ]\r\n  )\r\n```\r\n\r\nHere is a [jsFiddle](http://jsfiddle.net/bmh_ca/zZ7AJ/2/)\r\n\r\nThanks to the brilliant design of `tether`, this works quite well. The only issue, as you can see from the latter jsFiddle, is that the arrow that points to the `target` is missing.\r\n\r\nSo really, what we're talking about here is the little arrow thingy. It's a small thing, but to some it's important, so I thought I'd mention it. :)\r\n\r\nCheers."},"comment":{"url":"https://api.github.com/repos/HubSpot/drop/issues/comments/101300922","html_url":"https://github.com/HubSpot/drop/issues/16#issuecomment-101300922","issue_url":"https://api.github.com/repos/HubSpot/drop/issues/16","id":101300922,"user":{"login":"geekjuice","id":1654587,"avatar_url":"https://avatars.githubusercontent.com/u/1654587?v=3","gravatar_id":"","url":"https://api.github.com/users/geekjuice","html_url":"https://github.com/geekjuice","followers_url":"https://api.github.com/users/geekjuice/followers","following_url":"https://api.github.com/users/geekjuice/following{/other_user}","gists_url":"https://api.github.com/users/geekjuice/gists{/gist_id}","starred_url":"https://api.github.com/users/geekjuice/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/geekjuice/subscriptions","organizations_url":"https://api.github.com/users/geekjuice/orgs","repos_url":"https://api.github.com/users/geekjuice/repos","events_url":"https://api.github.com/users/geekjuice/events{/privacy}","received_events_url":"https://api.github.com/users/geekjuice/received_events","type":"User","site_admin":false},"created_at":"2015-05-12T14:28:44Z","updated_at":"2015-05-12T14:28:44Z","body":"I think that this is what most people (including myself) would expect to happen unless specified otherwise. This is really awesome though and I'd love to see how you are accomplishing this. _Ideally_, it would be nice to offer both solutions via some options, but if I had to choose one, definitely the latter. :+1:  :tada: "}}