Kendo Multi Select dropdown, selected items not appearing in kendo-taglist

[Jyothi]

Hi

We are using kendo-multiselect in our application. When an item is selected from the dropdown list, it is not appearing in the input field ( please see the attached image)

Inspecting the elements in the console indicates kendo-taglist is not being populated. What can cause this?

The valueChange even is emitted. and we are able to capture the chaned value. But the problem is, we cannot see what is being selected as the input field of the dropdown is empty.

 onValueChange(selectedData: any, programmatic: boolean = true ) {

....

}

trace:

1. (3) [{…}, {…}, {…}]
1. 0: {name: 'Benny F Summry - M', id: 12345}
2. 1: {name: 'Maryanne Summry - Wife', id: 223344, disabled: false}
3. 2: {name: 'Talia J Summry - Daughter', id: 33445566, disabled: false}
4. length: 3
5. [[Prototype]]: Array(0)

Any insight on this is greatly appreciated.

Thanks,

Jyothi

[Martin Bechev]

Hi Jyothi,

Thank you for the screencast.

Based on the provided details I am unable to provide a straight-to-the-point solution. However, I will share some general guidance and possible causes of the problem:

• please check the used @progress/kendo-angular-dropdowns package version and ensure that it is up to date (the latest stable version is 6.0.0).
  
  The following article provides useful information about how to update the kendo packages:
  
  https://www.telerik.com/kendo-angular-ui/components/installation/up-to-date/ 
  
  
• ensure that there isn't any custom styling that might affect the built-in layout of the MultiSelect. It is possible for some of the selectors to match the tags in the input.
  
  
• update the used theme version. We recently released a new v5.0.1 of the Default, Material, and Bootstrap theme. Please refer to the above link, on how to update the Kendo theme package.

In case the issue persists, please could I ask you to provide a runnable demo, where the issue is reproduced so that we can debug the code and be able to provide further assistance on this case. Thank you in advance.

Regards,
Martin
Progress Telerik

[Jyothi]

Thanks Martin.

The application was using tagMapper to display the items. There was an issue with the function that was attached to this attribute. I was able to resolve this issue.

Regards,

Jyothi