We need single tagmode option for multiselect dropdown property in Angualr 2
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
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,
When "popupSettings.appendTo" is set to 'component' then the value binding is broken and the "valueChange" event is not triggered. It is not possible to select an item and the underlaying model is not updated.
Issue can be reproduced in this StackBlitz: https://stackblitz.com/edit/angular-f76kqf?file=src/app/app.component.ts
Regards
Holger
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).
On the DropDownList Grouping page and the MultiSelect Groping page, the first label (Meat) does not show in IE 11.
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
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 )
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
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
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.
I know this can be done with the change event but that is just a workaround. Would use this from UI for angular.