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]

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

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 ]

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

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 ]

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.

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.

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>

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.

Bug report

The height of the DropDownList popup is incorrect when using LESS themes.

Reproduction of the problem

1. Open this Dojo example - https://dojo.telerik.com/@martin.tabakov@progress.com/oMohisUF/2
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 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

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

1. Open the Dojo
2. 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 ]

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

1. On a Macbook Pro set the trackpad click to light
2. Run this dojo
3. 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]

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

1. Open the Demo
2. Focus/Open the DropDownList
3. Click 's' - Small is selected
4. Click 'l' - Large is selected
5. 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]

Add a filterOptions option that will enable users to configure attributes, placeholder, etc for the search box of the DropDownList. 

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

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

1. Run this dojo
2. Enter "123" - the popup container with the list of items is displayed below the DropDown element
3. Enter "1234" - the popup container with the list of items is displayed above the DropDown element when sufficient space is available below the element
4. 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]

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.