UiAutocomplete about keen-ui

[athikrishnan]

@JosephusPaye Not to rush but i could really use a select component in the coming week. going to use keen-ui on a product. :)

[JosephusPaye]

The behavior you are describing (where the text and value are synced separately) was removed when I rewrote the autocomplete in v0.8.6.

Now it only only auto-completes the user's input, therefore there is only one prop to watch, the value.

What you want is more like a select component, which I plan on adding soon.

[EmilMoe]

I want a select too yes. But I use the auto complete to search for collections in the database like users. I want the users name to be displayed, but I want to submit the users ID.

[JosephusPaye]

In that case you could use the text (value) to find the ID if you have it in a suggestions array. This is how it was done in v0.8.5:

function findValue(text) {
    // Just return the text if suggestions is an array of strings
    if (this.suggestions[0] && typeof this.suggestions[0] === 'string') {
        return text;
    }
    text = text.toLowerCase();
    for (let i = 0; i < this.suggestions.length; i++) {
        if (this.suggestions[i].text.toLowerCase() === text) {
            return this.suggestions[i].value;
        }
    }
    return null;
}

You can then run this function on submit to find the user ID. The new select component will have this functionality by default.

[EmilMoe]

I'm not sure if we differentiate a select and an auto complete the same way?

For me a select has a preset range of values and don't have a search option
The auto complete has a dynamic set of values and they are found by searching

[JosephusPaye]

A select can also be dynamic and have search. Like, for example, Select2.

But a select doesn't allow the user to select a value that's not in the options, while an autocomplete allows for entering any text, even if it's not in the suggestions.

[EmilMoe]

That's true.

Do you have an idea when you have it finished?

And thanks for the code, it fails if 2 users has the same name, but it will work for now.

[JosephusPaye]

Not sure, but I've already started work on it and it might be done by Friday.

[EmilMoe]

Perfect :-)

[JosephusPaye]

A Select and Slider component just landed in v0.8.8.