Hi Telerik Support,
how can I use Kendo vue MultiSelect with comma as selection instead of enter. if I press comma, it will select / enter the custom value. My case is I want to use it as email selection. on many email clients, it can use comma as email selection from the list or separation between values. How can I do this on MultiSelect vue ?
Thank you.
Describe the bug
The MultiSelect component throws a console error when a text value is entered in its input and the component is used as a part of the Native Form.
The issue is replicable only when a text is entered in the component's input. Everything works as expected if a value is selected from the MultiSelect's popup list.
To Reproduce
Expected behavior
No errors should appear in the browser's console when using the MultiSelect component as a part of the Form component, no matter the specific configuration of the MultiSelect.
Describe the bug
The items inside the popup of the Multiselect are not correctly visualized when scrolling the data. The issue can be easily observed in scenarios where the page size and the total of records are close numbers.
The issue is that while scrolling, the Multiselect scrolls but the actual contents of the popup don't move until the scroll bar is more than halfway down.
To Reproduce
Expected behavior
With the move of the popup scroller down, the data should be scrolled too, no matter if the scroller has reached its middle position or not.
Screenshots
The screenshot is from the linked above example. The items displayed in the popup window should be around "Item 50"
In some scenarios, we need to display the selected MultiSelect values as comma-separated values and not as chips.
Currently, the displaying of comma-separated values can be achieved using a custom template similar to this one but providing a property that can configure this behavior out of the box will be a very useful improvement in the component.
Describe the bug
When using the listNoDataRender prop of the Native MultiSelect component the following warning appears in the browser's console.
To Reproduce
Expected behavior
No warnings or errors should appear in the dev console
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:
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