Select on mouseclick and Enter only

[Erik]

Hi!

I have a problem with combobox keyboard navigation, since up and down arrow keys trigger both the change and select event of the combobox and the desired functionality is for that to happen only if the selection is made by left mouse button down or Enter key. I've tried catching the keydown event in both the change and select events of the combobox but the keycode values aren't part of the values passed by the event.

[Georgi Krustev]

Hello Erik,

The ComboBox, like DropDownList widget, mimics HTML Select behavior, and namely the widget should trigger change when new value is selected while popup is closed. I am afraid that there is no easy way to prevent this behavior. The only solution I can think of is to prevent selection (call e.preventDefault in select event). You can find which key has been pressed wiring the keydown event outside of the widget:

combo.kendoComboBox({
...
select: function(e) {
  if (/*condition*/) {
      e.preventDefault();
  }
}
...
});
combo.data("kendoComboBox").input.on("keydown", function(e) {
  //cache the e.keyCode here
});

Regards,
Georgi Krustev
Telerik