{"action":"opened","issue":{"url":"https://api.github.com/repos/sagalbot/vue-select/issues/662","repository_url":"https://api.github.com/repos/sagalbot/vue-select","labels_url":"https://api.github.com/repos/sagalbot/vue-select/issues/662/labels{/name}","comments_url":"https://api.github.com/repos/sagalbot/vue-select/issues/662/comments","events_url":"https://api.github.com/repos/sagalbot/vue-select/issues/662/events","html_url":"https://github.com/sagalbot/vue-select/issues/662","id":363845503,"node_id":"MDU6SXNzdWUzNjM4NDU1MDM=","number":662,"title":"CSS Conflict with vue-bootstrap/bootstrap4","user":{"login":"soichih","id":923896,"node_id":"MDQ6VXNlcjkyMzg5Ng==","avatar_url":"https://avatars3.githubusercontent.com/u/923896?v=4","gravatar_id":"","url":"https://api.github.com/users/soichih","html_url":"https://github.com/soichih","followers_url":"https://api.github.com/users/soichih/followers","following_url":"https://api.github.com/users/soichih/following{/other_user}","gists_url":"https://api.github.com/users/soichih/gists{/gist_id}","starred_url":"https://api.github.com/users/soichih/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/soichih/subscriptions","organizations_url":"https://api.github.com/users/soichih/orgs","repos_url":"https://api.github.com/users/soichih/repos","events_url":"https://api.github.com/users/soichih/events{/privacy}","received_events_url":"https://api.github.com/users/soichih/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":0,"created_at":"2018-09-26T03:35:56Z","updated_at":"2018-09-26T03:35:56Z","closed_at":null,"author_association":"NONE","body":"I am using vue-select to replace vue-bootstrap default select box. I believe this issue started when I upgraded vue-bootstrap to 2.0 (which loads bootstrap 4.1.1), but vue-select stying seems to be broken with the version I am using (v2.5.1)\r\n\r\n![screenshot from 2018-09-25 23-25-19](https://user-images.githubusercontent.com/923896/46055700-2f801100-c11b-11e8-801f-3300fcda6589.png)\r\n\r\n(See the odd caret mark on the right side of the select box, and the height of the select box seems unnecessarily bloated..)\r\n\r\nI am loading bootstrap css like so..\r\n\r\n```\r\nimport 'bootstrap/dist/css/bootstrap.min.css'\r\nimport 'bootstrap-vue/dist/bootstrap-vue.min.css'\r\n```\r\n\r\nIf I remove these, the issue goes away.\r\n![screenshot from 2018-09-25 23-34-11](https://user-images.githubusercontent.com/923896/46055772-8980d680-c11b-11e8-87eb-59fd00909882.png)\r\n\r\nI am not sure if this is vue-bootstrap issue, but is there anyway to make vue-select not conflict with vue-bootstrap?\r\n"}}
{"actor":{"display_login":"soichih"}}