All Components

Keyboard Navigation

By default, the keyboard navigation of the ComboBox is enabled.

The ComboBox supports the following keyboard shortcuts:

SHORTCUT DESCRIPTION
Up Arrow Selects the previous available item. Highlights it only if the popup is open.
Down Arrow Selects the next available item. Highlights it only if the popup is open.
Enter Selects the highlighted item or submits a custom value.
Esc Closes the popup.
Alt+Down Arrow Opens the popup.
Alt+Up Arrow Closes the popup.
@Component({
  selector: 'my-app',
  template: `
    <div class="example-wrapper">
      <p>Favorite sport:</p>
      <kendo-combobox [data]="listItems" [allowCustom]="true">
      </kendo-combobox>
    </div>
  `
})
class AppComponent {
    public listItems: Array<string> = ["Baseball", "Basketball", "Cricket", "Field Hockey", "Football", "Table Tennis", "Tennis", "Volleyball"];
}
In this article