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

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.

https://dojo.telerik.com/umuqaFaT

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.

Environment

• Kendo UI version: 2019.2.619
• jQuery version: x.y
• Browser: [all]

https://dojo.telerik.com/iliKAqUr

1. select "Oranges" from the dropdown
2. press "Change value to 'Bananas'" button
3. press "Sort" button
4. select "Oranges" from the dropdown

Expected: should see two events for "Changed to Oranges" but only see one
Actual: status only shows one value change event from the first selection of "Oranges"

It seems this issue was introduced with the fix for https://github.com/telerik/kendo-ui-core/issues/4496

The introduction of _oldText in the _change method of kendo.list.js has introduced a flaw in the value change detection for DropDownList

The above dojo presents a way to short-circuit the issue since it is not easy to show the _oldText issue since the index check works as a fallback.

When there is no filter enabled in the DropDownList it is possible to select an item just by typing, without opening the DropDownList popup.

https://dojo.telerik.com/ELEfIZIx

It would be useful if such an option is available when the filter of the widget is configured. 

Bug report

In DropDownList when virtualization is enabled and the value of the widget is set through the value method, the cascade event is fired twice.

Reproduction of the problem

1. Open the Dojo example.
2. Click the 'Set value' button

Current behavior

The cascade event will be triggered twice.

Expected/desired behavior

The cascade event should be triggered only once.

Environment

• Kendo UI version: 2010.2.617
• Browser: [all ]

In Combox, DropDownList, Multiselect widgets, when grouping, the first item is incorrectly rendered (inconsistently with the others).

This can be observed as of today on:

1. https://demos.telerik.com/kendo-ui/combobox/grouping
2. https://demos.telerik.com/kendo-ui/dropdownlist/grouping
3. https://demos.telerik.com/kendo-ui/multiselect/grouping

Additionaly, when groupTemplate is defined, it's ignored for the first item: https://docs.telerik.com/kendo-ui/api/javascript/ui/dropdownlist/configuration/grouptemplate

Bug report

In a virtual DropDownList with a value set, the first item is marked as selected as well. The issue occurs when using jQuery 3.4.1 or later.

Reproduction of the problem

1. Open this Dojo example. - https://dojo.telerik.com/@martin.tabakov@progress.com/UkOmiYEj
2. Open the DropDownList.

Current behavior

Two items are marked as selected.

Expected/desired behavior

Only the item with value 3 should appear as selected.

Environment

• Kendo UI version: 2021.3.914
• **jQuery version: 3.4.1 and later
• Browser: [all]

Hi Team,

I'd like to request the functionality to add a Clear Button  for the Kendo UI DropDownList similar to the ComboBox.  

Thank you!

Describe the bug
While the loading icon is visible in the DropDownList when fetching data, the widget's height is changed.

To reproduce

1. Open this Dojo example - https://dojo.telerik.com/AFuQItIv/4
2. Select an item in the first DropDownList

You can compare the height of the two dropdownlists

Expected behavior
The height of the DropDownList shouldn't change when the loading icon is visible.

• Kendo UI for jQuery

Affected browsers (please remove the unneeded items)

• All

Bug report

The Kendo UI DropDownList's OptionLabel has some padding before the OptionLabel which does not match corresponding items in list.

Reproduction of the problem

Please visit this Progress Kendo UI Dojo and open the Kendo UI DropDownList.

Current behavior

Expected/desired behavior

The OptionLabel should be matching the items below it.

Environment

• Kendo UI version: 2022.1.301
• jQuery version: Supported Versions
• Browser: all

Bug report

When navigating between inputs and after using Shift+Tab for focusing on a previous input the DropdOwnList popup does not close on pressing 'Enter' key.

Reproduction of the problem

1. Open Dojo
2. Focus the text input
3. Press Tab to focus the DropDownList
4. Press shift-tab to focus the text input
5. Press again Tab to focus the DropDownList
6. Press Alt+down to expand the dropdown
7. Press the down arrow to select an option in the dropdown
8. Press Enter key

Current behavior

The popup does not close. If we directly focus the DropDownList and follow steps 6-8 the popup will close.

Expected/desired behavior

The DropDownList should close when pressing the 'Enter' key.

Environment

• Kendo UI version: 2022.3.1109
• Browser: [all]

Bug report

The value of a disabled DropDownList is not announced in the below screen reader -> browser combinations:

NVDA with Chrome
JAWS with Chrome

The value is correctly announced by NVDA in Firefox.

After testing the scenario with the ComboBox, the value was correctly announced in all screen reader -> browser combinations.

Reproduction of the problem

1. Open this Dojo example in Chrome with JAWS/NVDA - https://runner.telerik.io/fullscreen/ERAxiqIy/3
2. Click the Enable checkbox
3. Select a value from the DropDownList
4. Click the Enable checkbox again.
5. Focus the Checkbox and press the down arrow key.

Current behavior

The screen reader announces the disabled state of the DropDownList, but does not announce its value.

Note - the value of the regular select element below the DropDownList is announced.

Expected/desired behavior

The value of the disabled DropDownList should be announced in the above mentioned combinations.

Environment

• Kendo UI version: 2023.1.117
• Browser: [Chrome]

Hi Team, 

I would like to request to add a class which associates with the Kendo DropDownList.  This way, the developer could use CSS instead of jQuery to change the style of the specific popup.  

Thank you!

Bug report

The Disabled attribute is not applying for the Kendo UI DropDownList.

Reproduction of the problem

Proceed to the following Progress Kendo UI Dojo which demonstrates the behavior.

          <input id="myDropDownList" disabled="disabled" />

Expected/desired behavior

The DropDownList should be disabled as seen in the 2023.1.425 version of Kendo UI for jQuery.

Note

This Disabled Attribute is working as expected for the UI for ASP.NET MVC/Core DropDownList.

@(Html.Kendo().DropDownList()
          .Name("territories")
          .HtmlAttributes(new { disabled = "disabled" })
          //...
)

Environment

• Kendo UI version: 2023.2.606
• jQuery version: All Supported Versions
• Browser: all

Bug report

List height not properly adjusted in Cascading DropDownList since 2023.1.314

Reproduction of the problem
Dojo: https://dojo.telerik.com/osuTaKON

1. Select Parent 2 from Parent DDL

2. Open Child DDL

3. Select Parent 1 from Parent DDL

4. Open child DDL

Scrollbar appears and not all items visible

Expected/desired behavior
Height shall be adjusted correctly and no scrollbar shall be present

Environment
Kendo UI version:  2023.1.314 or newer
Browser: [all]

Bug report

When remote data is loaded in the DropDownList and the loading icon appears while loading, the down arrow icon remains visible. Thus, both icons are overlapping.

Reproduction of the problem

1. Open the Dojo
   Note: if the data loads fast and the issue does not occur, open the browser developer tools in order to hit the debugger in the requestEnd event handler

Current behavior

Both - the loading indicator and the down arrow icon appear at the same time:

Expected/desired behavior

The down arrow icon should disappear while the loading indicator is displayed.

The issue is a regression starting with the 2023 R2 (2023.2.606) version

Environment

• Kendo UI version: 2023.3.1010
• Browser: [all]

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.

Bug report

When the DropDownList component is configured with Adaptive Mode and Filtering, opening the dropdown on a mobile device and attempting to type in the search field causes the popup to close immediately.

Reproduction of the problem

1. Open the Dojo link: Telerik Dojo on a mobile device or use mobile emulation in a browser.
2. Click on the DropDownList to expand the options.
3. Tap inside the search field to start typing.

Current behavior

With Adaptive Mode and Filtering enabled, the DropDownList popup closes immediately when tapping the search field on a mobile device.

Expected/desired behavior

The DropDownList popup should remain open when tapping the search field on a mobile device, allowing users to enter text and filter options.

TicketID:

1678876

Environment

• Kendo UI version: 2025.1.211
• Browser: [all]

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

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