starred/radzen-blazor
1
0
Fork 0
mirror of https://github.com/radzenhq/radzen-blazor.git synced 2026-02-04 05:35:44 +00:00
Code Issues 1.3k Packages Projects Releases 22 Wiki Activity

RadzenDataGrid Inconsistent Row Highlighting when navigating with Up/Down arrow keys #1669

New Issue
Open
opened 2026-01-29 17:57:02 +00:00 by claunia · 0 comments
claunia commented 2026-01-29 17:57:02 +00:00
Owner
Copy Link

Originally created by @Jesse-dj on GitHub (Mar 14, 2025).

Describe the bug
When RowSelect is enabled on the RadzenDataGrid component, navigating between row items 'jumps' the currently highlighted row. Increasing the VirtualizationOverscanCount value increases the jumps between rows.

To Reproduce
Steps to reproduce the behavior:

  1. Go to 'RadzenDataGrid - Custom Virtualization Example'
  2. In 'Edit Source' add RowSelect="EventCallback<OrderDetail>.Empty" in the RadzenDataGrid component.
  3. Click 'Run'.
  4. Navigate with 'Tab' to the DataGrid, then use the up/down arrow keys to navigate between the row items.

Expected behavior
The expected behavior is that the currently highlighted row stays at the top of the DataGrid. When using the up/down arrow keys, the row items shift up/down but the highlighted row stays. When the bottom has reached, the highlighted row will shift to the bottom until the last row has been reached.

Screenshots
Image

Desktop (please complete the following information):

  • OS: Windows 10
  • Browser: Edge, Firefox
  • Version: (Edge: 134.0.3124.51), (Firefox: 129.0.2)
Originally created by @Jesse-dj on GitHub (Mar 14, 2025). **Describe the bug** When `RowSelect` is enabled on the `RadzenDataGrid` component, navigating between row items 'jumps' the currently highlighted row. Increasing the `VirtualizationOverscanCount` value increases the jumps between rows. **To Reproduce** Steps to reproduce the behavior: 1. Go to ['RadzenDataGrid - Custom Virtualization Example'](https://blazor.radzen.com/datagrid-virtualization-loaddata?theme=default) 2. In 'Edit Source' add `RowSelect="EventCallback<OrderDetail>.Empty"` in the `RadzenDataGrid` component. 3. Click 'Run'. 4. Navigate with 'Tab' to the DataGrid, then use the up/down arrow keys to navigate between the row items. **Expected behavior** The expected behavior is that the currently highlighted row stays at the top of the DataGrid. When using the up/down arrow keys, the row items shift up/down but the highlighted row stays. When the bottom has reached, the highlighted row will shift to the bottom until the last row has been reached. **Screenshots** ![Image](https://github.com/user-attachments/assets/2988f2b0-6591-41f7-83ca-d61fe64dcddf) **Desktop (please complete the following information):** - OS: Windows 10 - Browser: Edge, Firefox - Version: (Edge: 134.0.3124.51), (Firefox: 129.0.2)
Sign in to join this conversation.
No Branch/Tag Specified
Branches Tags
Labels
Clear labels
enhancement
good first issue
pull-request
Mirrored from GitHub Pull Request
No Label
Milestone
No items
No Milestone
Projects
Clear projects
No project
Assignees
Clear assignees
claunia
No Assignees
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: starred/radzen-blazor#1669
Delete Branch "%!s()"

Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?