Currently, the Virtualized DropDownList does not handle the autoWidth property, as describe in the offical client-side API documentation.
It would be beneficial if there is a way to circumvent around this limitation.
With Kendo version 2025.2.520 the filterInput text has been set and the current value is 'Filter'. However, there is no built-in option in the API that provides the possibility to change the text. As the text is not part of the messages, it can not be localized in case another language is used.
Dojo - https://dojo.telerik.com/zidaocyO
Add the filter input text to the messages so localization and customizing the text are possible.
Bug Report
When a filterable DropDownList uses a tooltip for each item, the DropDownList will close.
Reproducible
DropDownList Filter + Tooltip Issue | Kendo UI Dojo
Steps to reproduce are in the Dojo
Expected Behavior
The DropDownList should remain open with the tooltip.
Workaround
Use a flag to handle when the DropDownList will close:
DropDownList/ToolTip - Prevent Closing | Kendo UI Dojo
Environment
- Kendo UI version: 2025.2.702
- jQuery version: All Supported Versions
- Browser: all
The DropDownList's Keyboard Navigation Docs specify that the arrow keys move the highlight in the dropDownList, while Enter selects the highlighted item.
However, in reality, the arrow keys already select items. Via keyboard, it is not possible to select e.g. the third item in the list without selecting the first and the second item first (by pressing the down arrow).
E.g. the docs for Angular describe a different behavior.
The "change" event on DropDownList is being triggered when the value change of the widget is via API and not triggered by user interaction.
Steps to reproduce:
https://dojo.telerik.com/oKeBEZUN
- Manually select a value for category (like Category 4); a console item should be written for user change
- Click the "change doc to empty" button which clears the category
- Click the "change doc to values" button which programmatically sets the category
Expected: a log item is NOT added because the change was programmatic and the log item is triggered on "change"
Actual: a log item is added even though the value change was programmatic
The change detection inside the select widget is faulty in that it seems to be effected by focus/blur state.
This issue was found after upgrading kendo UI. I believe the issue was introduced in 2018.1.117
Hello,
Drop down widget is defaulted to first option even though ng-model is undefined, in case where we bind same value to k-data-value-field and k-data-text-field.
Please have a look on the below sample code where you can find issue. My expectation is drop down should not default when model value is not assigned.
Code:
<!DOCTYPE html>
<html>
<head>
<base href="https://demos.telerik.com/kendo-ui/dropdownlist/angular">
<style>html { font-size: 14px; font-family: Arial, Helvetica, sans-serif; }</style>
<title></title>
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2019.1.115/styles/kendo.common-material.min.css" />
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2019.1.115/styles/kendo.material.min.css" />
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2019.1.115/styles/kendo.material.mobile.min.css" />
<script src="https://kendo.cdn.telerik.com/2019.1.115/js/jquery.min.js"></script>
<script src="https://kendo.cdn.telerik.com/2019.1.115/js/angular.min.js"></script>
<script src="https://kendo.cdn.telerik.com/2019.1.115/js/kendo.all.min.js"></script>
</head>
<body>
<div id="example" ng-app="KendoDemos">
<div class="demo-section k-content" ng-controller="MyCtrl">
<input kendo-drop-down-list
k-data-text-field="'name'"
ng-model="data"
k-data-value-field="'name'"
k-data-source="productsDataSource"
style="width: 100%"></input>
</div>
</div>
<script>
angular.module("KendoDemos", [ "kendo.directives" ])
.controller("MyCtrl", function($scope){
// $scope.data=0;
$scope.productsDataSource = new kendo.data.DataSource({
data: [{
'name':'Active','id':0
},{'name':'Cancel','id':1}]
}
);
});
</script>
</body>
</html>
Thank you for your feedback. I managed to reproduce the scenario in this Dojo example. The current behavior looks like a bug. Therefore I have converted this thread to a Bug report in our Feedback portal. I also provide you a link with the issue to our public GitHub repository where you can also find further information on the matter. Until the bug is fixed, I would recommend you not to use 0 as grouping criteria in you project.
I also updated your Telerik Points as a thank you for your feedback.
Regards,
Veselin Tsvetanov
Progress Telerik
I am using a DropDownList with dynamic items that are grouped.
When opening the dropdown without items in the datasource the fixed group header is displayed empty.
When removing the last item from the datasource after the DropDown has already been opened, the first group header is still displayed when opening the dropdown.
I would expect the group header to never be displayed if there is no data.
See Dojo: https://dojo.telerik.com/EviPepIJ
Hi
I'm using lastest version
demo: https://dojo.telerik.com/eZOPEVeL
In offical demo i found a problem, i don't know that is a issue or any thing.
When i use DropDownList Virtualization, i filter "LILA-Supermercado" then selected a value 10780, then fire change event (that true)
Then, I open and close dropdownlist, does not choose any thing, just open and close, dropdownlist fire change event again (that not true)
this happen with any value which not loading before scroll.
some one help me
In the DropDownList and ComboBox, virtualization only works when the popup is open. In both widgets, item navigation is functional by pressing down to select the next item in the list without opening the popup. However, when the end of the first page of results is reached, the selection goes back to the top of the first page of results instead of loading the second page via virtualization. This misleads the user in that it only presents a portion of the options available. This is also an issue for disabled users and accessibility.
https://demos.telerik.com/kendo-ui/dropdownlist/virtualization
https://demos.telerik.com/kendo-ui/combobox/virtualization
In both examples, holding down without opening the popup will never load more results.
We have had this issue in the past but it is a bigger issue now that we are focusing more on accessibility since users rely more heavily on keyboard navigation.
Bug report
When filtering the DropDownList data when a limited amount of items remain the popup container is displayed above the DropDown element when sufficient space is available below the element
Reproduction of the problem
- Run this dojo
- Enter "123" - the popup container with the list of items is displayed below the DropDown element
- Enter "1234" - the popup container with the list of items is displayed above the DropDown element when sufficient space is available below the element
- Enter "12345" - the NoDataTemplate is displayed above the DropDown element when sufficient space is available below the element
Expected/desired behavior
The popup container with the list of items should be displayed below the DropDown element when sufficient space is available below the element
Environment
- Kendo UI version: 2020.1.406
- Browser: [all]
I have upgraded a huge project we have, from Kendo UI 2017 to the latest version.
I managed to fix all the incompatibility issues that I had with the latest version and now it's ready to go live.
In the final regression tests our customer found a bug and now we are stack and cannot deploy the project.
Here is the problem:
In the DropdownList, if you type something and then press the clear button, the change event is firing two times. One with the value that you typed before and then one again with an empty value (the right one). The biggest problem is that there is no way to determine that the first event is coming from the clear button and not from the user, so I cannot find any workaround this.
I searched and I found that this started after this change.
You can check this dojo for a reproduction of the problem.
Steps:
Type "it" in the dropdownlist,
Wait for the items to popup
Don't select any item but press the clear button of the dropdownlist
You can see the attached image the wrong events.
If you select a version after 2019 R3, the change event is firing twice. If you select an older version the change event is not firing at all.
I can understand a change event with an empty value and I don't have any problem with that, but the first event is totally wrong.
Is there any quick solution to this so we can catch the deadline and deploy the new version of our project?
Thank you for your time,
John Dendrinos
Bug report
Even if no filtering is configured, when the delay option is different than 0 navigation between the items in the DropDownList does not work correctly.
Reproduction of the problem
- Open the Demo
- Focus/Open the DropDownList
- Click 's' - Small is selected
- Click 'l' - Large is selected
- Repeat multiple times
Current behavior
The correct item is not always selected. In the demo, no delay is configured, but the default value is 500. The delay is supposed to affect the DropDownList only when filtering is enabled.
Note: Currently, when the filter option is configured, changing selection without opening the DropDownList is not possible.
https://dojo.telerik.com/@iankodj/AhUgaXuf
Workaround
Set delay to 0 - Dojo
Expected/desired behavior
The selection of the items should be correctly changed when typing, even if a delay different than 0 is configured.
Also, it should be possible to change the selected item by typing in the keyboard even if the filter option is set and the DropDownList is closed.
Environment
- Kendo UI version: 2021.1.224
- Browser: [all]
Bug report
When the DropDownList is used as an editor in the Gantt, sometimes the DropDownList popup closes on double-click. The issue is observed when the trackpad's click is set to light and a double-click is performed.
Reproduction of the problem
- On a Macbook Pro set the trackpad click to light
- Run this dojo
- Double-click on an item in the title column
Current behavior
Sometimes the DropDownList opens and closes.
Screencast
Expected/desired behavior
DropDownList should remain open
Environment
- Kendo UI version: 2021.1.330
- Browser: [all]
Ticket ID : 1518454
Thank you for your kind reply.
I saw the link you sent me.(https://dojo.telerik.com/eHUBOtOW/2)
When a Korean keyword is searched, the cursor is pushed back.
It works fine in Chrome, but the same thing happens in IE.
Our company's system have to use IE.
Bug report
When filtering is performed in the parent widget and an item is selected, duplicate read request are sent to the remote end point for the child widget data.
Reproduction of the problem
- Open the Dojo
- In the parent DropDownList search "be" and select "Beverages"
Current behavior
Two requests are sent to the 'Products' DropDownList read end point.
Expected/desired behavior
There should be a single request for reading the widget`s data.
The issue is a regression since 2019 R3 SP1 (2019.3.1023)
Environment
- Kendo UI version: 2021.3.1109
- Browser: [all ]
The Kendo UI DropDownList allows the user to entera filter which is applied on the available items (documented here: https://docs.telerik.com/kendo-ui/api/javascript/ui/dropdownlist/configuration/filter). As soon as a filter term entered by the user is applied to the dataSource, the selected item is no longer marked. Usually, the .k-state-selected CSS class is set on the corresponding DOM element.
This behavior can also be reproduced in the official Kendo UI Dojo about filtering: https://dojo.telerik.com/eVuSopuj
Bug report
The height of the DropDownList popup is incorrect when using LESS themes.
Reproduction of the problem
- Open this Dojo example - https://dojo.telerik.com/@martin.tabakov@progress.com/oMohisUF/2
- Open the DropDownList
Current behavior
The popup height is incorrect.
Expected/desired behavior
The popup height should be big enough to fit the list.
Environment
- Kendo UI version: 2022.1.119
- Browser: [all]
The dropDownList supports several keyboard shortcuts as documented in https://demos.telerik.com/kendo-ui/dropdownlist/keyboard-navigation. However, when e.g. a KeyDown event is triggered (and handled) by the widget, its propagation is not stopped. This behavior can be witnessed in this DOJO.
In our case, we e.g. use dropDownLists inside dialog windows that can be closed via ESC. When pressing ESC while a dropDownList is focused, this not only closes the dropDownList (as expected), but also closes the dialog.
The dropDownList should stop the propagation of events that it handled.
As my grid edit forms have expanded past the default popup, I have been using editable template. These are bound with MVVM and work well. But not all options work via MVVM like the cascade options below. I would like to use the cascade options in this scenario. It would be great to have all configuration options available via MVVM.
<select id="ParentID" name="ParentID"style="width: 100%"
data-role="dropdownlist"
data-text-field="Name"
data-value-field="ID"
data-cascade-from="ImprovementTargetID"
data-cascade-from-field="ImprovementTargetID"
data-cascade-from-parent-field="ID"
data-source="PEDropDownDataSource"
data-option-label="Pick PE..."
data-value-primitive="true"
data-bind="value:ParentID">
</select>