Taginput: allows new entry when autocomplete is false

[urkle]

Overview of the problem

Oruga version: next - 0.5.5
Vuejs version: 3.2.37
OS/Browser: macOS/Firefox

Description

A tag input without autocomplete enabled allows adding new entries (Even though allowNew is false).

Steps to reproduce

1. Create a inputitems component
2. Type text into the component and press "enter"

Expected behavior

No new entry to be added to the input items

Actual behavior

A new item is added.

Additional information

It seems there are two issues here

1. the "keypress" code only checks !allowNew when autocomplete is enabled
2. when autocomplete is false the input control is still accepting input and keypresses. Ideally this should not happen if autocomplete is off.

[jtommy]

@urkle that prop makes sense only with autocomplete.
You should use disabled prop to avoid adding new elements without autocomplete, no?

[urkle]

@jtommy it just seems an odd stock configuration of the component to allow it to add new elements when you have autocomplete disabled. As you have to explicitly disable the input which then creates other issues.

My ideal setup for the usage I have for this component right now is to have it behave like this

1. no auto complete
2. no creating new entries
3. clicking NOT on a pill opens the dropdown selector showing "unselected" entries
   • currently the dropdown shows ALL entries
   • Currently this requires the autocomplete option to even work
4. selecting an entry from the dropwon adds that pill and then closes the dropdown
   • if I have the dropdown open on focus it ALWAYS stays open making a difficult UX for the user to get it to be dismissed.

[jtommy]

I'm sorry but I don't understand the 1 and 2 point.
No autocomplete and no new entries.. who add the entry? And what entries? Free text i imagine

[astagi]

@urkle any update there? can you provide a working example to show your problem?