All Components

Keyboard Navigation

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

Below is the list of the keyboard shortcuts the ComboBox supports.

SHORTCUT DESCRIPTION
Upper Arrow Selects the previous available item.
Down Arrow Selects the next available item.
Home Selects the first available item.
End Selects the last available item.
Enter Selects the highlighted item.
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