Keyboard and Mouse Navigation

Keyboard Navigation

The control has a built-in functionality attached to the following keys. In order to demonstrate them, the following user's input will be used.

Figure 1: Entering input in the AutoCompleteBox
Entering input in the AutoCompleteBox

  • Tab and Enter: When the user's input in the AutoCompleteBox matches an item/items from the source, pressing Tab or Enter will select the first item from the matching ones and navigate to it.

Figure 2: Selecting and navigating with the Tab or Enter key
Selecting and navigating with the Tab or Enter key

  • Escape: Pressing Escape will close the DropDown and the matched item would not be selected.

Figure 3: Pressing the Escape key
Pressing the Escape key

Mouse Navigation

Through the mouse navigation mechanism the user can easily iterate through all items that match a given input. This can be done by hovering the input in the AutoCompleteBox and scrolling using the mouse wheel.

See Also

In this article
Not finding the help you need? Improve this article