LiveSelect - Dynamic selection input component for LiveView

[trisolaran]

Hi @devilray and thank you for the very elaborate message and all the examples.

@devilray

it would be better to keep the current input intact, and use the fact that you have already provided the allow_clear option to deal with exactly the problem you describe above—clicking the ‘x’ icon will clear the input.

The allow_clear option gives you a way to clear the selection - when you click on the x icon, your selected option is lost - whereas what I was talking about is giving the user a way to change the selection while not forgetting the current one (even though, as you pointed out, the selection is not visible anymore, and this might not be what most users expect) so that if the user decides to “abort the search”, the current selection is restored. This is how LiveSelect behaves by default.

@devilray

Another reason to do this is that the suddenness of the change may result in making the user apprehensive to touch the field, hurting UX. Finally, it feels like it could also be an accessibility problem.

100% point taken, there are certainly better/different ways of implementing this functionality.
The select2 approach seems particularly compelling to me, and they can do that because they have an additional text input field appearing below the selection.

I’m very open to include this approach (or another one that offers similar functionality/UX) as an additional input mode to LiveSelect, so if you’re interested in contributing, feel free to.