Unplanned
Last Updated: 18 Mar 2024 09:47 by ADMIN

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.

Completed
Last Updated: 07 Feb 2024 13:57 by ADMIN
Created by: Anton
Comments: 0
Category: DropDownList
Type: Bug Report
1

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

image

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
Completed
Last Updated: 18 Dec 2023 12:44 by ADMIN
Release R1.2024-Increment.2(31.Jan.2024)

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 ]
Completed
Last Updated: 29 Nov 2023 14:28 by ADMIN
Release R1.2024-Increment.2(31.Jan.2024)

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

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]
Completed
Last Updated: 22 Nov 2023 14:18 by ADMIN
Release R1.2024-Increment.2(31.Jan.2024)
Created by: Paolo
Comments: 0
Category: DropDownList
Type: Bug Report
2

Bug report

When a DropDownList with filtering enabled is used inside a Kendo Window it gets unexpectedly closed when clicked between .k-input-inner and .k-input-value-text elements.

Reproduction of the problem

  1. Open the Dojo
  2. Open the first DropDownList
  3. Then click the second DropDownList to open, but try to click between the red and the green border

Current behavior

The DropDownList is automatically closed

screencast

Expected/desired behavior

The DropDownList should remain opened when clicked

Environment

  • Kendo UI version: 2022.2.621
  • Browser: [all ]
Completed
Last Updated: 13 Nov 2023 12:08 by ADMIN
Release R1.2024-Increment.1(15.Nov.2023)
Created by: Jonas
Comments: 1
Category: DropDownList
Type: Bug Report
0

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

 

Completed
Last Updated: 10 Oct 2023 14:50 by ADMIN

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]

Completed
Last Updated: 03 Oct 2023 12:46 by ADMIN
Release R3.2023-Increment.3(11.Oct.2023)
Created by: Jeff
Comments: 0
Category: DropDownList
Type: Bug Report
1

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
Completed
Last Updated: 27 Sep 2023 11:22 by ADMIN

Bug report

The DropDownList does not change its popup height when items added/removed from its source.

This is a regression introduced with 2023.1.314 release.

Reproduction of the problem

  • Run the following Dojo: https://dojo.telerik.com/aCoHAZuK/4
  • Add new item to the list
  • Open the popup again - a vertical scroll will be present, while the popup should be resized to display all the three items

Expected/desired behavior

The popup height should change according to the new number of items.

Environment

  • Kendo UI version: 2023.1.425
  • Browser: [all]
Completed
Last Updated: 09 Jun 2023 14:20 by ADMIN
Release R3.2023-Increment.1(19.July.2023)

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]
Unplanned
Last Updated: 10 Mar 2023 10:53 by Matthew

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]
Unplanned
Last Updated: 06 Feb 2023 14:34 by Robin

Bug report

Binding an MVVM DropDownList to a property that is null results in an error on the console.

Reproduction of the problem

  1. Open this example - https://dojo.telerik.com/@martin.tabakov@progress.com/eNUMeLix

Current behavior

An error is thrown

Expected/desired behavior

No errors should be thrown

Environment

  • Kendo UI version: 2023.1.117
  • Browser: [all]
Declined
Last Updated: 19 Jan 2023 13:03 by ADMIN

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.

 

Unplanned
Last Updated: 13 Jan 2023 10:01 by Harish

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 ]
Unplanned
Last Updated: 11 Jan 2023 08:06 by ADMIN

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]
Completed
Last Updated: 06 Jan 2023 15:37 by ADMIN
Release R1.2023-Increment.3(18.Jan.2023)

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 ]
Unplanned
Last Updated: 17 Nov 2022 14:16 by ADMIN
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.
Completed
Last Updated: 22 Aug 2022 06:19 by ADMIN
Release 2022.R3

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)
Declined
Last Updated: 25 Jul 2022 11:31 by ADMIN

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.

Duplicated
Last Updated: 21 Jun 2022 09:20 by ADMIN

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.

1 2