{"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":5,"created_at":"2014-03-12T14:37:59Z","updated_at":"2015-05-12T04:41:08Z","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/101128738","html_url":"https://github.com/HubSpot/drop/issues/16#issuecomment-101128738","issue_url":"https://api.github.com/repos/HubSpot/drop/issues/16","id":101128738,"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-12T04:41:08Z","updated_at":"2015-05-12T04:41:08Z","body":"@markalfred That's awesome! Would you mind creating a PR with your changes to possibly get these changes into the project? Would love to iterate on your contributions as this is definitely an issues we've run into as well (and clearly many others) :smile_cat: "}}