Unplanned
Last Updated: 13 Jun 2023 08:00 by ADMIN
Vincent
Created on: 08 Jun 2023 08:52
Category: MultiSelect
Type: Bug Report
1
Using custom tags on <MultiSelect> and filtering causes runtime errors

It appears the taglist always requires a selected tag to be present in the dataItems. However this tag is not gonna be present in the dataItems when a filter is applied. It seems this causes an error, where the taglist tag expects to be able to find its corresponding dataItem in the dataItems

Repro:

  1. Open stackblitz and select 'large'
  2. filter on 'L'
  3. observe no runtime error in console
  4. remove 'L' filter and replace it with 'M'
  5. see a runtime error in the console

https://stackblitz.com/edit/z7ejuk?file=src%2Fmain.vue

I know a quick workaround for this is to ensure a selected tag is always added to the filtered dataItems, preventing the error. But are there perhaps other workarounds or is this something that can be fixed in a future release?

Thanks in advance

2 comments
ADMIN
Petar
Posted on: 13 Jun 2023 08:00

Hi, Vincent. 

Thank you for reporting the issue with MultiSelect's custom tag. Your report has been converted to a bug report. I cannot say exactly when the bug will be fixed but I would say that it won't take us long to provide the updated version of the component. 

I've updated your Telerik points as a sign of gratitude for reporting the issue. Thank you for sharing with the community the temporary workaround that you use. 

Please let me know if you have additional questions related to the current discussion.

Looking forward to your reply.

Regards,
Petar
Progress Telerik

As of R2 2023, the default icon type will be SVG instead of Font. See this blogpost for more information.
Vincent
Posted on: 08 Jun 2023 09:02

For those experiencing the same issue, here's my temporary workaround:


https://stackblitz.com/edit/sornau?file=src%2Fmain.vue