• My project requires that the multiselect control doesn't wrap to the next line.
• We'd like to make use of the summary tag so that line-wrapping does not occur.
• We also don't know what the width is going to be, so we can't accurately calculate how many tabs would be able to fit ( for using the existing tagMapper functionality)
• It would be nice if there was a setting to use the summary tag as soon as a linewrap is going to happen.

 

• So for example, instead of seeing this when we add too many items:

• We see this:

• but if the field ends up wider and therefore doesn't have to wrap, we see all the tags:

 

is it possible to add aria-label to kendo-multiselect? ( and it should be multiselect responsibility to propagate it to internal input )

 

Currently, there is no way to style summary tag differently. The GroupTagTemplate only applies to the text inside it.

Multiselect has no class/style property to provide anything. Adding a different class to the Summary tag button can help the users modify it.

Please add an optional dropdown "arrow" icon to the <multiselect> component and have it behave similarly to the <dropdown> component.

Hi, 

Optimize the internal selection mechanism to enhance overall performance and prevent browser hangs when a large number of items are selected. This enhancement will significantly improve the user experience and ensure smooth functionality within the application.

Example - https://stackblitz.com/edit/angular-83jvpr?file=src%2Fapp%2Fapp.component.ts

 

Provide a way to easily clear the selected values from a multiselect. Similar functionality can be achieved by achieved by setting the value of the multiselect to an empty array, however this does not deselect the items in the dropdown portion of the multiselect, and the items must be clicked twice to reselect them. The clear should function the exact same as the built in clear button. 

https://5ec2yi.run.stackblitz.io/

I have multiselect components and i have to need auto suggestions list in my multiselect components how to achieved this functionality? Please Do Suggestions.

Use the basic usage example from https://www.telerik.com/kendo-angular-ui/components/dropdowns/multiselect/

Click in the area next to the baseball chip.

The list with available objects pops up.

Click in the place where the cursor is, the popup won't close.

Click in the right half of the component, the popup closes.

 

It seems it's the input element which swallows the click event.

I would expect the popup to be closed, no mather where I click in the component

Currently, given a multiselect with some data and allowCustom = true, if the user types "sm" and hits Enter, the control finds the first item in data that starts with "sm" and automatically selects that.

Repro: https://stackblitz.com/edit/angular-buffxv?file=app/app.component.ts

1. Type "sm" in the MultiSelect and hit Enter
2. "Small" is automatically selected, valueNormalizer is not hit at all

Looking at the code for the MultiSelect, the auto selection seems to happen because of findIndex(text, startsFrom = 0); the offending line: text && itemText.startsWith(text);

Ideally, the MultiSelect should give me a hook to determine what item is selected. Maybe hit valueNormalizer on Enter

In reference to https://www.telerik.com/account/support-center/view-ticket/1549472

Summary tag in Multiselect should have a unique, identifiable class or an option to add a class so it can be styled differently from the rest of the tags.

Hi,

We would like to use the MultiSelect-Control in combination with kendoDropDownFilter and autoClose set to false. 

Now when we start typing and hit enter to select a value the filtering text is not cleared and the control is a faulty state.

StackBlitz: https://stackblitz.com/edit/angular-rc2kef?file=src%2Fapp%2Fapp.component.ts

 

Hi Team

we were using Multiselect with version of dropdown "@progress/kendo-angular-dropdowns": "5.3.0",

 but now that we have updated the kendo dropdowns version "@progress/kendo-angular-dropdowns": "7.0.2"

CSS of our multiselect is messed up now can you suggest a way to keep our old CSS working as everything was coming from KendoDropdown

as now I can see <li> tag is converted to <div> for each item selected and there is a new class k-chip introduced .

This has been breaking our production please help us in going forward.

 

Hi,

Presently, there isn't a feature that permits the programmatic selection of a custom item. The only approach accessible is to utilize the "Enter" key for item selection. It would be appreciated if an option could be implemented to manually add typed custom items to the MultiSelect value.

https://stackblitz.com/edit/angular-ikoxq1-x3xnsf?file=src%2Fapp%2Fapp.component.ts

It would be nice to have an option for the MultiSelect that allows us to add new custom values on blur. An input property such as [resolveOnBlur] or something similar could be added.

The idea is to type any custom value inside the MultiSelect and on blur, to select that custom value as part of selection.

The following example demonstrates how the functionality could be achieved by manually handling the input event of the MultiSelect inner input element and updating the value of the MultiSelect on blur:

https://stackblitz.com/edit/angular-5o131f?file=src%2Fapp%2Fapp.component.ts

 

Hi,

In Multiselect editor with open state prevented the component stops accepting mouse clicks as a way of moving cursor.

You can find repro here:  https://stackblitz.com/edit/angular-u1j1p5-grc1nk?file=src%2Fapp%2Fapp.component.ts

Just copy/paste or type some text and try to change cursor position in word/phrase in order to fix something inside provided word.