All Components

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 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-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