Progress® KendoReact Feedback Portal
Back to Feed
Request a Feature Report a Bug
Completed
Last Updated: 29 May 2026 14:06 by ADMIN
Evan
Created on: 17 Oct 2024 03:56
Category: Data Grid
Type: Bug Report
4
Version 8.5 since at least version 6: Selecting a row causes the grid to scroll to the top when the data is grouped.

To demonstrate:

1. Open your simplest interactivity/selection demo, which is not grouped, in StackBlitz. See: https://www.telerik.com/kendo-react-ui/components/grid/interactivity/selection/

2. Add the Grid's group prop. To demonstrate the bug nothing else needs changed

<Grid group={[]} ...

3. Run demo, scroll down and pick a row.

4. Observe the grid scrolls to the top and you cannot see your selected row unless you scroll back.

4 comments
ADMIN
Vessy
Posted on: 29 May 2026 14:06
Hello,

We are using a useMemo internally in the grid to reset the scroll position and some other related properties, when some of the grid props (like group, sort, filter etc.) are changed. This is the cause of the issue here, since passing an empty array to the prop is treated as a new instance each time (which it is), and the memo triggers and clears up the internal state.

In order to properly pass a group and persist the value you should use a state variable, like so:
    const [group] = React.useState([]);

    <Grid
        group={group}
        ...

Regards,
Vessy
Progress Telerik

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.

ADMIN
Ina
Posted on: 23 Oct 2024 07:38

Hello, Evan,

Thank you for the additional information, we will investigate further.

Let me know if you have any other questions.

Regards,
Ina
Progress Telerik

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.

Evan
Posted on: 22 Oct 2024 14:30
Just to be clear, this bug is evident for any grouping, grouping heirachy, and as demonstrated the simplisit incarnation of the bug is to add a plain "empty group" to the grid.

<Grid group={[]} ...
ADMIN
Ina
Posted on: 22 Oct 2024 11:21

Hi, Evan,

Thanks a lot for bringing this to our attention. I managed to reproduce it and log it as a bug in our GitHub portal here:

https://github.com/telerik/kendo-react/issues/2602 

Apologies for any inconvenience this might have caused you.

In addition, I have also added Telerik points to your account as a sign of gratitude for the report.

Regards,
Ina
Progress Telerik

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.

Create an account Log In
View
Type
Status
Category