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.
Hello Michael,
The issue is not scheduled for fixing, yet. However, I would suggest taking a look at the comment left in the related issue in our public GitHub repo and testing if the suggested workaround will fix the issue on your side until the bug gets fixed.
- https://github.com/telerik/kendo-ui-core/issues/6802#issuecomment-1418812306
Regards,
Neli
Progress Telerik
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.
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.
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.