List Box - Keyboard Support

• May 28, 2025
• 2 minutes to read

The DevExpress Blazor List Box supports keyboard navigation. Users can navigate through List Box items and select them.

Run Demo: List Box

Note

Keyboard support allows users who cannot use a mouse or rely on assistive technologies (like screen readers or switch devices) to interact with application content. Refer to the Accessibility help topic for information on other accessibility areas that we address.

When a user focuses the List Box component, the first selected item or first selected row (in multiple columns mode) is focused.

The following shortcut keys are available:

Shortcut Keys	Description
Tab, Shift + Tab	When the List Box is focused, moves focus to the next/previous focusable element on a page.
Up Arrow	Moves focus one item up.
Down Arrow	Moves focus one item down.
Home	Moves focus to the first item or the first row (in multiple columns mode).
End	Moves focus to the last item or the last row (in multiple columns mode).
Page Up	Moves focus to the previous item page.
Page Down	Moves focus to the next item page.
Enter	If the focused item contains an ItemDisplayTemplate or a ColumnCellDisplayTemplate, moves focus to the first element in the template. Users can use Tab to navigate through inner elements (buttons, links, etc.).
Space	Selects the focused item/row, deselects previously selected items/rows. Updates Value and Values parameter values.
Shift + Space	In multiple selection mode, selects a range of items between the previously selected item and the focused item.
Ctrl + Shift + Home	In multiple selection mode, selects the focused item and all items above it, focuses the first item.
Ctrl + Shift + End	In multiple selection mode, selects the focused item and all items below it, focuses the last item.

Note

In read-only state, List Box supports keyboard navigation, but users cannot select items.

When the Enabled property is set to false, the editor does not respond to user interactions.