Keyboard Navigation

The keyboard navigation of the DropDownList is always available.

The DropDownList supports the following keyboard shortcuts:

SHORTCUT DESCRIPTION
Up Arrow & Left Arrow Selects the previous available item.
Down Arrow & Right Arrow Selects the next available item, unless filterable is enabled.
Enter Opens the popup or selects the highlighted item if the popup is already open.
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-dropdownlist [data]="listItems">
      </kendo-dropdownlist>
    </div>
  `
})
class AppComponent {
    public listItems: Array<string> = ["Baseball", "Basketball", "Cricket", "Field Hockey", "Football", "Table Tennis", "Tennis", "Volleyball"];
}

In this article