kendoGridToolbarFocusable works for kendo-dropdownlist but not kendo-multiselect

0 Answers 5 Views
DropDownList Grid MultiSelect ToolBar
Dominic
Top achievements
Rank 1
Dominic asked on 03 Dec 2025, 07:25 PM | edited on 03 Dec 2025, 07:28 PM

kendo 19.3.0, angular 19.2.17. 

applying kendoGridToolbarFocusable to kendo-dropdownlist gives it the correct behavior to stay focused on click but this same behavior did not work for kendo-multiselect. it stays open so long as the click is held in but once released it closes. if the mouse is hovered over the dropdown that opens AND THEN released, the multiselect stays open and has intended behavior after selecting items.

kendoGridFocusable was also tried in this scenario and did not produce results.

<ng-template kendoGridToolbarTemplate>

<kendo-dropdownlist style="min-width:220px; margin-right:5px; margin-left:5px"
kendoGridToolbarFocusable
[data]="names"
(valueChange)="handleApplyAllValueChange()"
[defaultItem]="defaultApplyAllItem"
[textField]="'nm'"
[valueField]="'id'"
[(ngModel)]="applyAllItem"
[hidden]="isRevisedRadioButton()">
</kendo-dropdownlist>
<kendo-multiselect style="min-width:220px; max-width:220px; max-height: 140px; overflow-y: auto"
kendoGridToolbarFocusable
[data]="applyAllSecondaryList"
[textField]="'nm'"
[valueField]="'id'"
[disabled]="isApplyAllSecondaryDisabled()"
[autoClose]="false"
[(ngModel)]="applyAllSecondaryItem"
[placeholder]="'Select Secondary'"
[hidden]="isRevisedRadioButton()">
<ng-template kendoMultiSelectTagTemplate let-dataItem kendoGridToolbarFocusable>
{{ dataItem.deviationNm }}
</ng-template>
</kendo-multiselect>

</ng-template>

No answers yet. Maybe you can help?

Tags
DropDownList Grid MultiSelect ToolBar
Asked by
Dominic
Top achievements
Rank 1
Share this question
or