search

telerik / kendo-ui-core

An HTML5, jQuery-based widget library for building modern web apps.
http://www.telerik.com/kendo-ui
Other
2.54k stars 1.91k forks source link

DropDownList keyboard events bubble although already handled #6802

Open nelito987 opened 2 years ago

nelito987 commented 2 years ago

Bug report

DropDownList keydown event propagation is not stopped. More information can be found in ticket - 1560718

Reproduction of the problem

  1. go to the following Dojo - https://dojo.telerik.com/@sspasova/iVulISUL
  2. trigger a KeyDown event

Current behavior

A KeyDown event is triggered (and handled) by the widget, its propagation is not stopped.

Expected behavior

The event should not bubble up

Environment

narkiss-ibex commented 1 year ago

I have the same problem while using the filter in DropDownList. I've investigated DropDownList.js, and managed to stop propagation from the input field (filter field) on the handlekeydown function as follows:

    handleKeyDown: function handleKeyDown(event) {
      event.stopPropagation();
      var _a = this.$props,
      ...
    }

I might investigate further and perhaps come up with a PR for Kendo-UI, unless they will fix this issue (hopefully, because this is one annoying issue).

edit: I was manually editing the deployed code inside node_modules under @progress/kendo-vue-dropdowns/dist/es/DropDownList.js. Not sure how to get to the source code to suggest a fix :/