Deleting element in TagsInput with allowDuplicates=True deletes all duplicate elements

[ctdunc]

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.6.2

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

I am using mantine through dash-mantine-components, but have confirmed that this issue also appears on the mantine website.

For example, given a tags input containing items=['a','b','a'], clicking delete on items[2] also deletes items[0].

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

https://mantine.dev/core/tags-input/#allow-duplicates

Possible fix

Clicking delete on a tag should delete only that tag.

Possibly here

mantine/packages/@mantine/core/src/components/TagsInput/TagsInput.tsx

Line 339 in 00a94ce

setValue(_value.filter((i) => item !== i));

Maybe something like this? If duplicates aren't allowed, the behavior will be identical. If duplicates are allowed, it will only remove the desired element.

 onRemove={() => {
        let _ = _value.splice(index, 1)
        setValue(_value);
        onRemove?.(item);
      }}

Self-service

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

[ctdunc]

If this is expected behavior, ill close this issue. Otherwise happy to submit a fix, just let me know.

Thanks!

[rtivital]

You are welcome to submit a PR with a fix

[ctdunc]

BTW -- fixed an issue here surrounding controlled components not triggering on x click #7105