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

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

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

Whenever we type search text in MultiSelect Dropdown and focus out, the search text gets cleared.

Please provide an option for keeping the typed value in the MutliSelect input, without having to select anything from the dropdown.

Provide an option to focus programmatically a multiselect item, in order to prevent the popup list from scrolling when the last item is selected.

Here is an example:

https://stackblitz.com/edit/angular-qpbow1-awhxbr?file=app%2Fapp.component.ts

Before this directive we do it this way:

	public ngAfterViewInit() {

		const contains = (value: string) => (object: IBaseObjectConfigurationField) => object.name.toLowerCase().indexOf(value.toLowerCase()) !== -1;

		this.multiSelect.filterChange
			.asObservable()
			.pipe(
				switchMap(value =>
					from([this.collection])
						.pipe(
							tap(() => {
								this.multiSelect.loading = true;
							}),
							delay(value ? 350: 0),
							map(data => data.filter(contains(value))),
						),
				),
			)
			.subscribe(x => {
				this.filteredCollection = x;
				this.multiSelect.loading = false;
			});
	}

Please provide a (global) option for red line!

We need single tagmode option for multiselect dropdown property in Angualr 2

Currently, when the data of the MultiSelect is grouped, checkboxes are disabled.

You can still use MultiSelectTree instead, however, it doesn't look the same (mainly because its hierarchical and doesn't have group headers).

Currently, the MultiSelect component indicates an item is selected with a dedicated CSS class - k-selected. This CSS class styles the item so that the whole row in the MultiSelect popup appears selected.

However, if checkbox selection is enabled, the k-selected class no longer appears - the only indication that an item is selected, remains the checkbox.

This request calls for an option to have both types of indication available and independently configurable.

Providing data for an item's selected state for use in a custom template is also desirable.

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

• 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:

Currently keyboard navigation in Multiselect is a bit limited in comparison to the same functionality in Multiselect in Kendo UI for jQuery. 

It would be great if the shortcuts in Multiselect in Kendo for Angular matched shortcuts in Multiselect in Kendo UI for jQuery.

Hi I want to change the order of the selected items in a multiselecte. I know we have sortable to drag and drop, but can we do that inside a multiselect?

When we choose several items from the dropdown in a multiselecte component, the order of the tags is the same with how we choose from the dropdown and we can not change the order. Is there a way to change the display order by drag and drop?

Add maxSelectedItems property to the Multiselect. 

Please provide option to set maximum selected items in multi-select.

Same as maxSelectedItems in jQuery version.