Adding tags in TagsInput component

[waseemk-786]

Dependencies check up

• I have verified that I use latest version of all @mantine/* packages

What version of @mantine/* packages do you have in package.json?

7.8.0

What package has an issue?

@mantine/core

What framework do you use?

Other, I will specify in the bug description

In which browsers you can reproduce the issue?

All

Describe the bug

In the TagsInput component, tags are currently only added by pressing the enter key. However, this functionality is not very customizable. Please make improvements so that tags can also be added by clicking outside of the component, pressing the tab key, and pressing the space key.

If possible, include a link to a codesandbox with a minimal reproduction

No response

Possible fix

Allow other key like tab, space to onChange prop.

Self-service

• I would be willing to implement a fix for this issue

[rtivital]

https://mantine.dev/core/tags-input/#split-chars

[mrclrchtr]

Thanks, but is there a way to trigger the add when clicking somewhere else (onBlur for example)?

[rtivital]

This feature will be available in 7.11.0 release and enabled by default, it can be configured with acceptValueOnBlur prop.

[mrclrchtr]

Thank you very much!