After updating the version of Kendo we are using to 2022.1.412 we noticed a weird behavior in the DropDownLists. Clicking the drop down arrow once opens the list, then clicking the arrow again closes and re-opens the list instead of just closing it. Note that this does not happen while clicking on any other part of the drop down to close it, selecting an item from the drop down, or clicking outside the drop down list. It only happens while clicking on the arrow button.

Behavior can be seen in the demos on these pages:

https://demos.telerik.com/kendo-ui/dropdownlist/template

https://demos.telerik.com/kendo-ui/dropdownlist/grouping

https://demos.telerik.com/kendo-ui/dropdownlist/cascadingdropdownlist

However the behavior does not appear on these pages:

https://demos.telerik.com/kendo-ui/dropdownlist/virtualization

https://demos.telerik.com/kendo-ui/dropdownlist/serverfiltering

 

Steps to Reproduce:

• Click the drop down arrow to open the drop down list
• Click on the arrow again and observe the list close and re-open (Note it sometimes doesn't happen right away but takes a few tries)

TL;DR: The DropDownList widget cannot be closed by clicking the arrow-icon.

The long story:

After the DropDownList has been opened once, it closes and reopens every time the user clicks the arrow-icon. Closing the DropDownList still works when clicking anywhere on the dropDown except the arrow-icon (or rather the button around it) or anywhere else but the dropDown. This DOJO demonstrates the problem. Animations have been disabled to allow easier reproduction (with animations on, the problem appears only occasionally, probably because of timing issues).

If you look closely, you will notice that the dropDown closes when the mouse button is pressed and reopens when the mouse button is released (this is when the click event is fired). Therefore, the problem can be (temporarily) mitigated by suppressing the mousedown event on the dropDown's wrapper element.

In our application, we have the requirement to display the DropDownList's filter textBox only if there are more than a specific number of items in the DropDownList. Therefore, we count the items everytime they change (i.e. an item is added/removed or perhaps all items are replaced) and then update the DropDownList's filter setting accordingly via setOptions().

Additionally, we use the dataBound() event for internal UI tweaks and therefore access the e.sender object.

This DOJO demonstrates that e.sender has a different structure before and after setOptions() is called. For instance, the list property does no longer exist. Check the console output, the event object is logged every time dataBound() is called.

Interestingly, this only happens when passing a complete (but updated) object to setOptions() and not when passing only a partial options object. Still, re-setting options to the same value as before should not interfere with any event args.

Bug report

When the width of the DropDownList is set using the list.width and the DropDownList gets open there is a slight delay of expanding the popup width.

Reproduction of the problem

1. Open the Dojo and open the DropDownList

Current behavior

There is a delay of expanding the popup width.

The issue is a regression starting with 2022 R1 SP1

####Workaround
$('.k-popup').width(600);
Dojo

Expected/desired behavior

There should be no delay when the width od the DropDownlist is set..

Environment

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

Steps to reproduce:

1. Open the dojo using Google Chrome browser;

2. Open the first dropdown list;

3. Select any option from the list;

4. When the drop down closes, press Ctrl+V. The selected value changes for each time the keys combination is used.

 
Expected: CTRL+V combination does not trigger value selection.

Bug report

The change event is not fired when using the keyboard navigation in the DropDownList, if we first click in the filtering input.

Reproduction of the problem

1. Open the Dojo - https://dojo.telerik.com/@NeliKondova/AnACEzIV
2. Open the popup and use the up and down arrows to navigate between the items.
3. Click in the filtering input.
4. Press enter to select an item

Current behavior

Item is selected, but the 'change' event is not triggered. If we do not focus on the filtering input, the change event will be fired. It will be fired also if the mouse is used. - screencast

Expected/desired behavior

The change event should always be fired when the selection in the DropDownList is changed, even if the user clicks in the filtering input.

Environment

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

See Dojos. When setting the "filter" property with setOptions, the search box does not appear anymore.

Regression after 2023.1.425 (tested with 2023.2.718)

 

Before:

https://dojo.telerik.com/iwiyOkac

After:

https://dojo.telerik.com/UrOHuBeD

 

Bug report

When the dataSource in the DropDownList is grouped and the user searches for a non-existing value after scrolling, an error is thrown in the browser`s console.

Reproduction of the problem

1. Open the Dojo - https://dojo.telerik.com/@NeliKondova/aLuxaViF
2. Scroll the items in the DropDownList
3. try to search for nonexisting value

Current behavior

The following error appears in the browser: kendo.all.js:324317 Uncaught TypeError: Cannot read properties of null (reading 'offsetTop')

Expected/desired behavior

There should be no error when searching for non-existing value is performed.

Environment

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

Bug report

`DropDownListSelectEvent.dataItem` is undefined when using keyboard to select the optionLabel, but is defined when using the mouse

Reproduction of the problem

Steps

Dojo: https://dojo.telerik.com/IvEXOvUH

Make a selection (e.g. "Apples").
Select the optionLabel item.

Expected

The value of DropDownListSelectEvent.dataItem is the same whether the selection is made via keyboard or mouse (assumedly).
The value of DropDownListSelectEvent.dataItem is clearly specified in the API docs when selecting the optionLabel.

Actual
The value of DropDownListSelectEvent.dataItem is "Select an option…" when selecting with the mouse.
The value of DropDownListSelectEvent.dataItem is undefined when selecting with the keyboard.

Environment
Kendo UI version: 2024.1.130
Browser: [all]

Bug Report

The cascade event is triggered on initialization of the DropDownLists

Reproduction of the issue

1. Open this Dojo - https://dojo.telerik.com/nGNFvRwt
2. Open the browser console

Current behaviour

The cascade event is triggered on initialization

Expected behaviour

The event should be triggered when the value of the "parent" DropDownList is changed.

Bug report

In the DropDownList component with filtering, opening the dropdown on a mobile device and attempting to type in the search field causes the popup to close immediately.

Regression introduced with 2025.1.211

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

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.

Environment

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

Bug report

When the DropDownList is configured with autoWidth:true, each opening of the component increases the width of the popup with 1px

Reproduction of the problem

1. Open this Dojo example - https://dojo.telerik.com/VzPJHcmm
2. Open the DropDownList multiple times

Current behavior

The width of the popup increases with each opening

Expected Behavior

The width should remain the same

Environment

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