What Changed
In v24.1, keyboard navigation for the DevExpress Blazor ComboBox and TagBox components were reworked. Now keyboard navigation is implemented on the client and works seamlessly. When a user navigates within the drop-down list, the editor's value is not updated that helps us improve performance. To update the editor's value, the user now should press the Enter key or click an item.
The following shortcuts were changed or added:
| v23.2 or earlier | v24.1 | |
|---|---|---|
| To open the drop-down list | Arrow Down | Alt + Arrow Down |
| To close the drop-down list | Alt + Arrow Down | Alt + Arrow Up |
| TagBox only: To cancel tag editing | Esc |
Reasons for Change
This change helps us ensure consistent behavior with other Blazor components and improve performance. The new behavior also conforms to accessibility standards.
Impact on Existing Apps
Users now need to use new shortcuts to open and close the component's drop-down list.
How to Update Existing Apps
Recommended Approach
There is no need to change your application, just take into account that end-users now should use new shortcuts to open/close the drop-down list.
Temporary Solution (Not Recommended)
You can temporarily switch to the previous ComboBox/TagBox implementation. To do this, set the following properties to true:
IMPORTANT: These properties will be removed in v24.2. Use them only as a temporary solution.