Show resultList when clicking to input search

[svilder]

When you have big list, and the user don't have a clear idea of what to look for, I would like to implement :
When you click on the input, you show a result list with maybe the 15 first results with no query, so you can have an idea of what to look for, or a previously choosen suggestion list, even better (so you don't have to load the entire list).

Have anyone any idea how I could do that ?

Thanks 🙏

[TarekRaafat]

Hello @svilder,

Try the below config and let me know how it goes.

trigger: {
    event: ["input", "focus"],
    condition: () => true,
}

[TarekRaafat]

Hello @paocom,

Here you go, use this code and add to it the same condition code above, and let me know how it goes.

Cheers, and have a nice day! :)

[asheerrizvi]

@TarekRaafat I did something like this for opening the list on focus, but it doesn't seem to work. I want to open the suggestions when the value length is zero.

[TarekRaafat]

Hello @asheerrizvi,

You'll need to add to your config. threshold: 0, and it should work then.

Please try it and let me know how it goes.

[asheerrizvi]

@TarekRaafat oh silly me. Thanks a lot brother it is working fine now. Also, we are all thankful to you for creating, maintaining and continuing to contribute to this super cool package. 🙌

[TarekRaafat]

@asheerrizvi thanks a lot man, much appreciated, and I'm happy that it's useful for you.

Cheers, and have a nice day! :)