Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

[Bug Report] v-autocomplete search breaks with dynamic item-text of multiple columns

See original GitHub issue

Environment

Vuetify Version: 2.2.27 Vue Version: 2.6.11 Browsers: Edge 81.0.416.72 OS: Windows 10

Steps to reproduce

Create a autocomplete for a API and use 2 columns for the item-text. For example:

 :item-text="item => `${item.Description} ${item.Category}`"

Or look at the reproduction link and check the console.

Expected Behavior

Would expect that the search value is complete string

Actual Behavior

The search value is reset to null and each character is send individually.

Reproduction Link

https://codepen.io/DJSuper/pen/XWmYJwe

Issue Analytics

State:
Created 3 years ago
Reactions:2
Comments:7 (4 by maintainers)

Top GitHub Comments

1reaction

Mert75commented, Aug 14, 2020

Consider using <template v-slot:selection="data"> in your autocomplete

Example at https://vuetifyjs.com/en/components/autocompletes/#slots

0reactions

johnleidercommented, Oct 26, 2020

@GiuseppeMobijay We kindly ask users to not comment on closed/resolved issues. If you believe that this issue has not been correctly resolved, please create a new issue showing the regression.

If you have any additional questions, please reach out to us in our Discord community.

Top Results From Across the Web

Auto-complete for reference fields

By default, a reference field auto-completes as the user types in the field.

Place Autocomplete Address Form | Maps JavaScript API

Create the autocomplete object, restricting the search predictions to // addresses in the US and Canada. autocomplete = new google.maps.places.

Auto-placement in grid layout - CSS: Cascading Style Sheets

I am auto-placing by column and the columns created will be a column width of 300 pixels, then a column width of 100...

Multiple Choice Fields and Autosuggest

Note: When using the autosuggest two field/column feature in combination with repeatable sections. you will need to place both fields within a repeatable ......

Filter as you type [Quick VBA tutorial] - Chandoo.org

Want to filter multiple column table? Use this macro instead… ... If you are often filtering your data, you will find below tips...