Custom value in single select

[uh-zuh]

I need simple single select with ability to input custom value.
It's close to allowEditing property but without creatable property, because I don't want to add items into dropdown list.

In other words I need simple input with suggested values, it is close to <datalist> tag but without filtering items in dropdown list.
For example, if I have 3 options: "Firefox", "Chrome", "Safari" and I enter custom value "Opera" I want to still see all these 3 items in suggestions instead of empty list as in case with <datalist> tag.

Is it possible to do this with Svelecte?

[mskocik]

Is this what you are looking for? REPL

[uh-zuh]

No, your solution looks like mulitiselect with ability to create tags and without ability to manually edit value.

There is good solution in another component: janosh/svelte-multiselect#221 (reply in thread)

[mskocik]

So you want this?

I didn't get it from that discussion to be honest

[uh-zuh]

Yes, but "My browser: opera" instead of "unset".

Main rules:

• Filtering dropdown list during typing
• Show full list when click on input or carent icon
• Possibility to get current value (selected or typed)
• Possibility to set current value (regardless there is it from options or custom value)