{"action":"created","issue":{"url":"https://api.github.com/repos/angular-ui/ui-select/issues/933","labels_url":"https://api.github.com/repos/angular-ui/ui-select/issues/933/labels{/name}","comments_url":"https://api.github.com/repos/angular-ui/ui-select/issues/933/comments","events_url":"https://api.github.com/repos/angular-ui/ui-select/issues/933/events","html_url":"https://github.com/angular-ui/ui-select/issues/933","id":77374612,"number":933,"title":"Width of the select when an item with large name is selected (question)","user":{"login":"germanger","id":2080549,"avatar_url":"https://avatars.githubusercontent.com/u/2080549?v=3","gravatar_id":"","url":"https://api.github.com/users/germanger","html_url":"https://github.com/germanger","followers_url":"https://api.github.com/users/germanger/followers","following_url":"https://api.github.com/users/germanger/following{/other_user}","gists_url":"https://api.github.com/users/germanger/gists{/gist_id}","starred_url":"https://api.github.com/users/germanger/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/germanger/subscriptions","organizations_url":"https://api.github.com/users/germanger/orgs","repos_url":"https://api.github.com/users/germanger/repos","events_url":"https://api.github.com/users/germanger/events{/privacy}","received_events_url":"https://api.github.com/users/germanger/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":1,"created_at":"2015-05-17T19:16:50Z","updated_at":"2015-06-03T12:17:15Z","closed_at":null,"body":"This is my ui-select:\r\n\r\n    <ui-select ng-model=\"selectedReceiver.selected\" ng-disabled=\"fetchingReceivers || receivers.length == 0\">\r\n        <ui-select-match placeholder=\"\">{{$select.selected.code}} - {{$select.selected.name}}</ui-select-match>\r\n        <ui-select-choices repeat=\"receiver in receivers | filterBy: ['name', 'code']: $select.search\"> \r\n            <div ng-bind-html=\"receiver.name | highlight: $select.search\"></div>\r\n            <small>Code: <span ng-bind-html=\"receiver.code | highlight: $select.search\"></span></small>\r\n            <hr style=\"margin-top: 0px; margin-bottom: 0px; border-top: 1px solid #C0C0C0;\"/>\r\n        </ui-select-choices>\r\n    </ui-select>\r\n\r\nWhen an item is selected, say:\r\n          \r\n         {\r\n               code: \"some large code\",\r\n               name: \"some very large name, foo bar qux\"\r\n         }\r\n\r\nthe `ui-select-match` shows \"some large code - some very large name, foo bar qux\" (as expected), but this is so large that resizes the control (the `<button>` in which the directive is translated).\r\n\r\n![visual example](https://cloud.githubusercontent.com/assets/2080549/7671715/922a4c86-fcb0-11e4-921f-4805ba38edd2.png)\r\n\r\nQuestion: Is there a setting for preventing this resize?"},"comment":{"url":"https://api.github.com/repos/angular-ui/ui-select/issues/comments/108354474","html_url":"https://github.com/angular-ui/ui-select/issues/933#issuecomment-108354474","issue_url":"https://api.github.com/repos/angular-ui/ui-select/issues/933","id":108354474,"user":{"login":"blowsie","id":308572,"avatar_url":"https://avatars.githubusercontent.com/u/308572?v=3","gravatar_id":"","url":"https://api.github.com/users/blowsie","html_url":"https://github.com/blowsie","followers_url":"https://api.github.com/users/blowsie/followers","following_url":"https://api.github.com/users/blowsie/following{/other_user}","gists_url":"https://api.github.com/users/blowsie/gists{/gist_id}","starred_url":"https://api.github.com/users/blowsie/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/blowsie/subscriptions","organizations_url":"https://api.github.com/users/blowsie/orgs","repos_url":"https://api.github.com/users/blowsie/repos","events_url":"https://api.github.com/users/blowsie/events{/privacy}","received_events_url":"https://api.github.com/users/blowsie/received_events","type":"User","site_admin":false},"created_at":"2015-06-03T12:17:15Z","updated_at":"2015-06-03T12:17:15Z","body":"Perhaps the use of  `text-overflow: ellipsis;` could be of some use for a fix.\r\nhttps://developer.mozilla.org/en-US/docs/Web/CSS/text-overflow#Opera_notes"}}