Open handhikadj opened 2 years ago
Faced that annoying bug either.
That worked for me but I hope the bug will be fixed soon. I am using Tailwind (unfortunately) and just setting height and width of that input to 0 when there is any element in selected array. I am not hiding the input constantly to show the placeholder.
<VSelect
v-model="selected"
:options="options"
label="label"
multiple
:searchable="false"
:close-on-select="false"
placeholder="My precious placeholder"
>
<template v-if="selected.length > 0" #search="{ attributes, events }">
<input
class="vs__search"
:class="{ 'h-0 w-0': selected.length > 0 }"
v-bind="attributes"
v-on="events"
/>
</template>
</VSelect>
I know that the input is still in the mark up but at least it does not break the UI.
Describe the bug it's not closable if we click outside the dropdown. I need to hide the
input.vs__search
because it breaks the dropdown UI on my projectReproduction Link https://codesandbox.io/s/brave-cookies-upd1vn
Steps To Reproduce I notice the v-deep is not working on the sandbox, so you need to:
display: none
to elementExpected behavior the dropdown behaves normally