Unplanned
Last Updated: 21 Apr 2022 09:12 by ADMIN
Michael D
Created on: 07 Apr 2022 05:46
Category: DropDownList
Type: Bug Report
0
DropDownList and MultiSelect keyboard events bubble although already handled

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.

3 comments
ADMIN
Neli
Posted on: 21 Apr 2022 09:12

Hello Michael,

Please accept my apologies. I discussed the issue with the developer from the team and indeed the described behavior is not expected. Thus, I am changing the status of the report from 'Declined' to 'Unplanned'.

I also updated your Telerik points as a small token of gratitude.

Regards,
Neli
Progress Telerik

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.

Michael D
Posted on: 14 Apr 2022 10:09

Could you elaborate what the difference between the issue I described above and the one described here: https://feedback.telerik.com/kendo-jquery-ui/1543758-pager-keyboard-navigation-events-bubble is?

In my opinion, it describes exactly the same behavior and was accepted as a bug. It has already been resolved and is included in the latest release.

ADMIN
Neli
Posted on: 13 Apr 2022 11:52

Hi Michael D,

It is expected to have the possibility to bind the keydown event to the entire document. However, if you need to prevent the keydown default behavior or overwrite it you could you the approach demonstrated below: 

  kendo.ui.DropDownList.fn._keydown = function(e) {
          e.preventDefault()
};

Here is a Dojo example where this is demonstrated.

Let me know in case you have additional questions on the matter.

Regards,
Neli
Progress Telerik

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.