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.
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,
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
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.
Multiselect has no class/style property to provide anything. Adding a different class to the Summary tag button can help the users modify it.
is it possible to add aria-label to kendo-multiselect? ( and it should be multiselect responsibility to propagate it to internal input )
Currently the kengoMultiSelectSummaryTag only supports a number as its input, which enables switching to summary mode if the number of selected items is greater than the specified value.
It would be nice to add an option for dynamic mode which will be based on the available space for the control and will automatically switch to summary mode if there is not enough space for displaying all the items.
See the screenshots to illustrate how it might look like.
Thanks,
Shai.
Hi Telerik,
It would be great if we can add Select All functionality as a built-in feature of the MultiSelect component. It is especially useful when working with checkboxes, e.g., https://www.telerik.com/kendo-angular-ui/components/dropdowns/multiselect/templates/#toc-rendering-item-checkboxes.
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?
Disable individual choices from deletion on multi-select in case there is a value that must always be selected.
Add maxSelectedItems property to the Multiselect.