LouisMazel / maz-ui

Vue & Nuxt library of standalone components & tools to build interfaces

Home Page:https://maz-ui.com

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

[FEATURE] Add blur event on InputTags for add other tags

damevin opened this issue · comments

Is your feature request related to a problem? Please describe

I think the component InputTags should be improved for better UX, i use InputTags in my own application and users are frustrated because they have to press enter for add another tag, in some cases in my usage, they only need to add one tag in this form.

Describe the solution you'd like

Adding a new prop maybe, addTagOnBlur and if it's set at true, we call the function addTags on blur ?

Maybe you have a better solution 😇

Describe alternatives you've considered

I've tried to tinker the code for add the event directly on the component <InputTags/>, but we loose reactivity

Additional context

Exemple of actual usage :

A user paste the value, and submit directly, the tag is not
Screenshot-YlvAPD39091031


Exemple of expected usage with the prop addTagOnBlur:

A user paste the value, when the blur event is detected, create a new tag
Screenshot-oDnxZiF7091347

I can help on that point and create an MR, but first i'd like to know your opinion @LouisMazel
Thanks for all 🙏

commented

Solved in v3.44.0