All Components

Keyboard Navigation

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

The MultiSelect supports the following keyboard shortcuts:

SHORTCUT DESCRIPTION
Up Arrow Focuses the previous available item.
Down Arrow Focuses the next available item.
Home Focuses the first selected tag.
End Focuses the last selected tag.
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-multiselect [data]="listItems">
      </kendo-multiselect>
    </div>
  `
})
class AppComponent {
    public listItems: Array<string> = ["Baseball", "Basketball", "Cricket", "Field Hockey", "Football", "Table Tennis", "Tennis", "Volleyball"];
}
In this article