We read every piece of feedback, and take your input very seriously.
To see all available qualifiers, see our documentation.
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
Describe the bug Is not possible to change the view when item selected and input is searchable.
Expected behavior When item selected show custom label slot. On focus switch to the search input
Screenshots Result: Expected result:
Code:
<vue-select :options="getCustomers" v-model="form.customer_id" :closeOnSelect="true" :clearOnSelect="true" :clearOnClose="true" labelBy="name" value-by="id" placeholder="Select customer" @selected="selectCustomer" > <template #label="{ selected }"> <div class="flex flex-1 items-center gap-2 leading-4 px-2 py-1 text-sm"> <div :class="'color-' + selected.color || ''" class="flex justify-center items-center w-7 h-7 text-xs font-medium rounded-lg"> {{ selected.initial }} </div> <div> {{ selected.name }} </div> </div> </template> <template #dropdown-item="{ option }"> <div class="flex items-center gap-2"> <div :class="'color-' + option.color" class="flex justify-center items-center w-7 h-7 text-xs font-medium rounded-lg -my-0.5"> {{ option.initial }} </div> <div>{{ option.name }}</div> </div> </template> </vue-select>
The text was updated successfully, but these errors were encountered:
This issue is present at the moment, whenever the searchable is set to true and custom dropdowns are implemented, it fucks it all up
Sorry, something went wrong.
No branches or pull requests
Describe the bug
Is not possible to change the view when item selected and input is searchable.
Expected behavior
When item selected show custom label slot. On focus switch to the search input
Screenshots
Result:
Expected result:
Code:
The text was updated successfully, but these errors were encountered: