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: 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: 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: 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.

Under Review
Last Updated: 28 Nov 2018 15:43 by ADMIN
Created by: IT
Comments: 14
Category: DropDownList
Type: Feature Request
Check out this idea. It may help solve this issue and help with UI presentation.

Admin edit: A Knowledge Base article that shows how you can achieve this:

Pending Review
Last Updated: 13 Nov 2018 18:12 by ADMIN
Created by: Dave
Comments: 0
Category: DropDownList
Type: Feature Request
A kendoDropDownList places an arrow to the right of the <select/> element, indicating it's a dropdown (.k-i-arrow-s). It would be cool if kendoMultISelect did the same thing. 
Clicking the <select/> element or the arrow should also toggle the visibility on the list items.

See .
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: 11 Jun 2018 20:23 by ADMIN
Created by: Lala
Comments: 0
Category: DropDownList
Type: Feature Request
I'd like to be able to select multiple consecutive items by SHIFT + CLICK
Last Updated: 16 May 2018 17:34 by ADMIN
Created by: skorpion
Comments: 33
Category: DropDownList
Type: Feature Request
New control ComboBox with CheckBoxes
Pending Review
Last Updated: 04 Apr 2018 15:21 by ADMIN
Created by: Imported User
Comments: 2
Category: DropDownList
Type: Feature Request
It would allow selected items(Tags) to be displayed as well as add new ones or select ones from an autocomplete dropdown.
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: 08 Feb 2018 15:04 by ADMIN
Created by: Imported User
Comments: 0
Category: DropDownList
Type: Feature Request
Would be nice to allow selecting items from multiselect several times
Pending Review
Last Updated: 15 Dec 2017 08:16 by ADMIN
Adjust KendoDropDownList so that when the mouse scroll wheel does reach the end of the list the focus does not jump out of the control and scroll the form.
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 Nov 2017 23:08 by ADMIN
Created by: Imported User
Comments: 3
Category: DropDownList
Type: Feature Request
I'd like to add separators between groups of items in a select / kendoDropDownList. Also known as a horizontal line or delimiter.
The same question was asked here by someone else:
The answer was that this is not supported.
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"
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: 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
1 2 3 4