Dropdown list is hidden (may be conflict with Bootstrap4)

[vicnoob]

Im using Light Bootstrap Template (https://www.creative-tim.com/product/light-bootstrap-dashboard) which is using Bootstrap 4. When I try to add v-select into my app, the dropdown of v-select is not working.

When I try to remove light-bootstrap from my app, the v-select work fines, but I can not remove it since we all developed base on it. So any idea what's going on?

[abinadi]

I have the same issue. I am also using a creative-tim template and the vue-select dropdown does not display.

[jonathantisseau]

I'm using bootstrap 4 and had the same issue. The .dropdown-list was created but stayed hidden. I corrected that with a simple ccs rule :
.v-select.open > .dropdown-list { display: block; }

[sreenadh]

The following CSS rules solved my issue.

.v-select.dropdown .dropdown-toggle::after {
    content: normal !important;
}
.dropdown .dropdown-menu
{
    transform: scale(1, 1) !important;
}

[sagalbot]

v3 adjusted all of the class names to be very specific. This should no longer be an issue.