Last Updated: 10 Jul 2019 14:21 by Tharsis-it

Bug report

The change event is being triggered when having an initially selected item in the DropDownList and then open the DropDownList and click on the default selected item. This bug is represented only in MVVM.

Reproduction of the problem

  1. Open this Dojo and run it. The three cascading DropDownLists will have default selected items
  2. Click on the first DropDownList and select the already selected "Confections" option
  3. The other two DropDownLists will be reset because of the change event thrown in the first DropDownList

Current behavior

The change event of a DropDownList with initial data selected is being triggered when clicking on the already selected value.

Expected/desired behavior

Selecting the already selected item of a DropDownList shouldn't trigger its change event because there is no actual change in the component's value. Please check this Dojo for the expected behavior.


  • Kendo UI version: 2019.2.619
  • jQuery version: x.y
  • Browser: [all]
Last Updated: 11 Jun 2019 13:23 by ADMIN
Release 2019.R2.SP.Next
Hello Patrick,

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.

Veselin Tsvetanov
Progress Telerik
Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.

Last Updated: 25 Jan 2019 12:56 by ADMIN


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. 




<!DOCTYPE html>
    <base href="">
    <style>html { font-size: 14px; font-family: Arial, Helvetica, sans-serif; }</style>
    <link rel="stylesheet" href="" />
    <link rel="stylesheet" href="" />
    <link rel="stylesheet" href="" />

    <script src=""></script>
    <script src=""></script>
    <script src=""></script>

<div id="example" ng-app="KendoDemos">
    <div class="demo-section k-content" ng-controller="MyCtrl">
    <input kendo-drop-down-list
            style="width: 100%"></input>


  angular.module("KendoDemos", [ "kendo.directives" ])
      .controller("MyCtrl", function($scope){
   // $;
    $scope.productsDataSource = new{
                        data: [{









Last Updated: 29 Jan 2019 08:42 by Dimitar

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:

  1. Manually select a value for category (like Category 4); a console item should be written for user change
  2. Click the "change doc to empty" button which clears the category
  3. 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

Last Updated: 10 Jan 2019 18:29 by ADMIN

When using AngularJS binding for dropdownlist options in the latest version of Kendo (2018.3.1017), the option labels are not dynamically bound to the scope/controller.  I changed one of the options to have the label {{::foo}} and set the field foo to "BAR" when initializing the scope.  When I run this code with the latest version, the literal text "{{::foo}}" is displayed for the first item of the drop down.  When I use an older version of Kendo (2018.2.516), the text "BAR" is displayed for that item.  This is a regression bug that is causing an error in our product.

Here is a testcase that illustrates the problem.  To toggle between the working and broken versions, change the CDN values.

Pending Review
Last Updated: 24 Jul 2018 06:11 by Girija
Created by: Girija
Comments: 0
Category: DropDownList
Type: Feature Request
find below appcomponent.html code: <kendo-dropdownlist [defaultItem]="defaultYear"

and in appcomponent.ts file:
public budgetYears: Array<{ value: number }> = [
        { value: 2019 },
        { value: 2020 },
        { value: 2021 },
        { value: 2022 },
        { value: 2023 },
        { value: 2024 },

as mentioned above I have provided the mentioned codes but I am not getting the binded values. Instead of that I am getting [object Object]. Why it is so and where I am doing mistake. Please provide me a solution for this. Thanks 
Pending Review
Last Updated: 28 Jun 2018 23:13 by ADMIN
I have created a new Telerk UI for ASP.NET Core R2 2018 SP1 Project and added a DropDownList Component into page.
When I use "Items" to add items manually everything is OK. but when I try to use DataSource to add Items using an Action remotely a console error is happened as "Uncaught TypeError: Cannot read property 'slice' of undefined".
JSON items is received and nothing is shown because of that error.
Please HELP
Pending Review
Last Updated: 07 Dec 2017 18:32 by Mike
Created by: Mike
Comments: 0
Category: DropDownList
Type: Feature Request
Add support for autoScroll to DropDownList options, such that the list scrolls when the mouse pointer reached the top of bottom of the container. Currently, autoScroll: true has no effect on that component. 

Mouse wheel scrolling of the options is not obvious to users, causing some to miss options that overflow the container.
Pending Review
Last Updated: 10 Oct 2017 13:17 by Maxime
Created by: Maxime
Comments: 0
Category: DropDownList
Type: Feature Request
Currently to close the colorPicker manually, we have to do ".kendoColorPicker('close')", however the rest of the dropdowns/combos uses ".kendoPopup('close')".

It will be great to support it as well with colorPickers to allow closing of all popup elements on scroll with a uniform solution
Pending Review
Last Updated: 07 Sep 2017 23:27 by ADMIN
Created by: Allan
Comments: 0
Category: DropDownList
Type: Feature Request
I'm using your demo to reproduce the issue.  

When the user enters a value into the categories and tabs, the focus is not placed in the products field, instead it goes to the View Order button.  This makes using the cascade "feature" very difficult for users.  The focus should go products so they can further refine the search.  And then finally to orders.  But each time they tab they have to move the cursor back to the next field.

Also, since the product and order fields are disabled it prevents user from entering data (even if they know the correct value).  Is there a way to leave the cascade functionality whilst leaving the "child" fields enabled?  We were using it in a Region, Country, City filter, but because of these issues we have had to remove the cascade.

Expected behavior would be to leave all the fields enabled, if the user selects a category, then the subsequent fields (products and orders would be filtered to the selection) so that when the user starts typing in those the parent filter is added to their filter.

Whilst we are discussing filters, why if the filter is narrowed to a single item is it not automatically selected?  Currently the user has to filter, then select the item and then tab.  We have had numerous "bug" reports raised because the user didn't select before tabbing even though the item is the only one in the drop-down and appears to be selected.

Similarly the Mutliselect filter allows typing values, and even when the user selects the value in the dropdown and is added to the selected list, the typed text remains, making the mutliselect field value invalid on submission. 


Open page: CascadeComboBox
Move focus to Categories combo (i used my mouse)
Type 'p' which opens the combo and shows 3 items starting with p
Select 'Products' using the down arrow (field now displays Products)
Click Tab
Focus moved to View Order button and NOT Products field.
Using the mouse to select a value works fine, but our users don't want to have to use the mouse as this slows down data entry.
Pending Review
Last Updated: 02 Sep 2017 09:32 by Dashang
Created by: Dashang
Comments: 0
Category: DropDownList
Type: Feature Request
I want dropdownlist to have group by with 2 fields
Pending Review
Last Updated: 31 Oct 2017 15:29 by ADMIN
Currently the data-* attributes on the <option> tags are removed by the kendoDropDownList widget.
Please pass them through so they can be used.

After searching the kendo.all.js I found that there is currently no way the custom data-* can be added into the generated html code.

I'm using MVVM for a rather large SPA. Some parts of the SPA is generated on the server (webservice) which is just a partial html. Which looks like (simplest one):
<select data-role="dropdownlist" name="ProductTypeID" class="k-textbox">
	<option value="9" data-cond="DependsValue(ProductTypeCategoryID,1)">Compliments cards</option>
	<option value="1" data-cond="DependsValue(ProductTypeCategoryID,1)">Flyers</option>
	<option value="3" data-cond="DependsValue(ProductTypeCategoryID,3)">Brochures</option>
	<option value="25" data-cond="DependsValue(ProductTypeCategoryID,6)">Roll-up banners</option>

In this case the data-cond is an attribute in which there is a (javascript) function that should be run to determine if this option is valid or not (it is made hidden if not).

I was trying to convert this into a datasource which can be bound to the dropdownlist, but this has several drawbacks. The most important are:

- There are almost 60 different of these kind of dropdowns that can be generated from the server; This means a lot of extra code and webservices.

- Calling the webservice for each of them is way to slow since each field changes conditional values of other fields, and so the server would be called way to often. But on the client side this runs way faster. Even in javascript.

- The data-* attributes should be supported accordingly the html5 standard to my humble opinion :)

I found two questions regarding this, but both where unanswered.

I add them here for you comfort :)
Pending Review
Last Updated: 27 Dec 2016 15:58 by Loren
Created by: Loren
Comments: 0
Category: DropDownList
Type: Feature Request
It would be awesome to have the DropDownList automatically open upon focus and if filtering is enabled the focus/select the filter textbox.

This is great from a data entry standpoint where keyboard Navigation like Tab keys are used.

Maybe a property lag like OpenOnFocus=true
Pending Review
Last Updated: 01 Nov 2016 20:43 by Naga Sahithya
Created by: Naga Sahithya
Comments: 0
Category: DropDownList
Type: Feature Request
Please consider adding pagination to the multi-select dropdown and also the select all, deselect all options to appear inside the dropdown instead of below the input field.
Pending Review
Last Updated: 07 Aug 2017 15:40 by ADMIN
Created by: Imported User
Comments: 2
Category: DropDownList
Type: Feature Request
The combobox currently doesn't react on the disabled-attribute for options. It should be possible to make single options visible but not selectable with this attribute as in original html-select:
I found no way to do this yet.
Pending Review
Last Updated: 15 Feb 2018 21:56 by ADMIN
Created by: Maja
Comments: 1
Category: DropDownList
Type: Feature Request
Pending Review
Last Updated: 11 Aug 2016 13:18 by Ryan
Created by: Ryan
Comments: 0
Category: DropDownList
Type: Feature Request
The keyboard navigation in drop down lists is currently inconsistent based on the widget configuration.  When not filterable, the drop down allows you to type the first letter of one of the options in order to select it when the drop down is closed.  For example, tab to the drop down, do not open it, and type 'b' to select Bob. 

When the drop down is filterable, that behavior does not work.  You must use alt-down to expand the drop down and then begin filtering.  

I propose that the widget can consistently handle both cases by detecting whether the drop down is currently open in the keydown handler.  If filterable, and open, move into the filtering logic.  If filterable, and closed, stick with the standard selection logic.
Pending Review
Last Updated: 04 Aug 2016 10:02 by don
Created by: don
Comments: 0
Category: DropDownList
Type: Feature Request
The default behaviour of select elements is to open up with a space-keypress when the elemented is selected (focused). 
Pending Review
Last Updated: 01 May 2017 15:50 by Reese
Created by: Imported User
Comments: 2
Category: DropDownList
Type: Feature Request
Need to add configuration to display value which is combination of two or more properties or fields in dataSource. Just like valueTemplate in dropdownlist list but without html tags, like

    dataSource:[{Name:"English (US)", Value:"en-US"}, {{Name:" Japanese (Japan)", Value:"ja-JP"}}],
    template:"<div>#=data.Name+' - '+data.Value#</div>"
    complexValueFormat:"data.Name+' - '+data.Value"

I was working on a project where I was asked to display large number of items on dropdown list so i was using template and valueTemplate confugurations, since the items was too large to scroll we decided to use combobox but the problem is unable to display complex values after selecting an item. Currently I'm looping through all items and adding a property DisplayName to each item before setting dataSource. This feature will be very useful and replace dropdownlist if dataSource is too large and complex value is to be displayed.
Pending Review
Last Updated: 07 Nov 2017 14:16 by ADMIN
Created by: Andre
Comments: 0
Category: DropDownList
Type: Feature Request
The problem with relying on maxlength that is built into HTML elements is that they do not work in instances where you are rendering multiple inputs as with the kendo-combo-box. If I set the max length, it sets the max length of the select, which is does nothing. It needs to transfer that maxlength to the input text which is rendered along with the select.

Yes, there are workarounds, but when you are using the controls in an angular mvvm environment where you write little to no jquery, the simplest fix should be to have the control code render the input fully given the information provided.

If given <select kendo-combo-box maxlength="3"
please generate <input class="k-input" type="text" maxlength="3"
1 2 3 4