-
-
Notifications
You must be signed in to change notification settings - Fork 1.3k
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
v-select dropdown is not visible #165
Comments
@smatei, you're not actually doing anything wrong. I've been testing with bootstrap |
This will be fixed in the next release, but in the meantime you can simply add the following: .v-select .dropdown-menu {
display:block;
} |
Fixed in |
Thank you @sagalbot ! |
Happy to help! |
Using Bootstrap 4.0.0-beta.2, the v-select element looked rather bad. The fix for me was a simple .v-select {
display: grid;
} It is supported in modern browsers (not so much on IE) |
Hello,
I am trying to add the v-select to my .vue template like this:
`<template>
<div>
...........
<div v-cloak v-show="showHosts()">
<label class="form-control-label">
Hosts
</label>
<v-select :searchable=true multiple :value.sync="selected" :options=options></v-select>
</div>
..............
</div>
</template>
.............
data () {
return {
selected: null,
options: JSON.parse('[{"label": "foo", "value": "Foo"},{"label": "boo", "value": "Boo"},{"label": "loo", "value": "Loo"},{"label": "moo", "value": "Moo"},{"label": "zoo", "value": "Zoo"}]')
}
},
components: {vSelect},`
However, even if I can type and select the "foo" and "boo" items, the dropdown menu ul tag displays transition="expand" and the dropdown is not displayed.
My package.json contains:
I also use Bootstrap v4.0.0-alpha.6.
What am I doing wrong?
The text was updated successfully, but these errors were encountered: