Allow hitting TAB for autocomplete, as well as right arrow key about tagify

[yairEO]

OK I've made it so the tabKey setting you've suggested will only autocomplete but won't convert it into a tag, unless tab is pressed again. Will be available on next Tagify release (very soon)

[yairEO]

Tab key currently adds the input as a tag, and is mapped just like the Enter key.

just yesterday I've coded a new setting called addTagOn with the value ['blur', 'tab', 'enter'] so if one would want to not have the Tab key creating a tag of whatever is typed in the Tagify field, it's much easier now with this setting.

This is problematic because autoComplete: { rightKey: true } only says "when clicking the right arrow key, auto-complete & also convert to a tag" while false means only to autocomplete.

This means a tabKey would also need to act the same way, which will mean I would have to disable
the current way the Tab key works, which might cause issues for other users since it was coded like this for many years now..

[Levivb]

Coincidentally, I just upgraded from 2.31.3 to 4.18.1 (I know, I know 😅). The tab key used to work in v2.31 kinda as the enter key does in in the latest version - albeit it was a bit more intuitive back then since you now have to explicitly select an option from the selection list before the enter/tab can be applied. In 2.31 the first hit from the dropdown was automatically applied when pressing enter/tab

[jzohrab]

Thank you @yairEO , appreciate the time!

[Levivb]

It occurred to me that the required dropdown selection is only needed when working with the Ajax Whitelist (https://github.com/yairEO/tagify/tree/2d2a5a1e0e6c4a7badb7616e593634c70b3b5574?tab=readme-ov-file#ajax-whitelist)

But a second time hitting tab seems to be required. The first tab autocompletes the selected option from the dropdown and stays in edit mode and a second tab creates an actual tag from the addition.

See difference (.mov files):
Tagify 2.31 - 1.8MB
https://github.com/yairEO/tagify/assets/2494320/cdd32134-b0b5-4705-88bf-fc5ea9ad3671

Tagify 4.18 - 1.7MB
https://github.com/yairEO/tagify/assets/2494320/26c23d1f-042c-454b-8966-7e68a20e63c9

*keyboard input shown with KeyCastr

[yairEO]

Coincidentally, I just upgraded from 2.31.3 to 4.18.1 (I know, I know 😅). The tab key used to work in v2.31 kinda as the enter key does in in the latest version - albeit it was a bit more intuitive back then since you now have to explicitly select an option from the selection list before the enter/tab can be applied. In 2.31 the first hit from the dropdown was automatically applied when pressing enter/tab

You can set dropdown.highlightFirst setting to true and this will for sure have something highlighted so Tab key will autocomplete.

As it is now, if nothing from the suggestions dropdown is highlighted then autocomplete won't work, forgot why it's like that :)

[Levivb]

Thanks :)

I'll update the library, that should work as well - e5ffe6d