vue-salt-rim icon indicating copy to clipboard operation
vue-salt-rim copied to clipboard

Cocktail editor: Improve tag selection

Open frank42hh opened this issue 1 year ago • 2 comments

HI,

the tag selection box does not behave as expected. When creating or editing a cocktail, the input box does present a list of present tags to select, but after selecting the first tag, it's impossible to select a second one, and when manually typing away, the missing autocomplete makes it hard to match existing tags which leads to multiple instances of the same meaning (like Classic, Classics and classics).

I would therefore suggest to a) make this input field select() only as already used for the "Utensils" section (preferred) or type input with autocomplete, making it more convenient to add one or multiple tags from dropdown list and prevent adding similar tags due to misspelling b) when using type input: make case insensitive comparison to prevent adding duplicates due to mixed uppercase and lowercase c) optionally restrict creation of new tags in the "tags" setting tab only

However, one word of appreciation has to be spoken out: I really enjoy this project, the application works fine, fast and is quite shiny. It's so good that we decided to use it as our main source of cocktail recipes at a nice little cocktail bar in Hamburg, Germany

frank42hh avatar Nov 03 '23 15:11 frank42hh

Tag selection is currently a native datalist element, so it's not too advanced. I definitely need to implement case insensitive matching. I also need to explore some multi-select components/plugins that available.

karlomikus avatar Nov 03 '23 16:11 karlomikus

I see. In that case I think the easiest solution would be to switch to a multiple select element

frank42hh avatar Nov 03 '23 16:11 frank42hh