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"];
}