Completed
Last Updated: 04 Jun 2021 13:32 by ADMIN
Peter
Created on: 27 May 2021 14:47
Category: KendoReact
Type: Bug Report
1
When scrolling in an infinite grid, it keeps catapulting back up before loading new data.

Description of the problem

In the Grid component with infinite scrolling, when a user scrolls down, the grid will bounce them back up to the first row when loading the next couple of rows. We get this same behavior in our application so it doesn't seem to be a mistake in the demo. We've encountered this issue in both version 1.x and the most recent version of Kendo.

To reproduce:

  • go to the demo for this component;
  • slowly scroll down in the grid component.

Code, screenshots, etc

Since this is also broken in the docs, I don't think it's necessary to add screenshots or code.

9 comments
ADMIN
Stefan
Posted on: 04 Jun 2021 13:32

Hello, Peter,

As this is a new property when setting it to false was closer to the behavior from before. Meaning that it will cause fewer differences when it is set to false by default.

I tried scrolling very slowly, but the behavior is expected and worked normally on my end. The scroll jumping a little back is expected as when we add new items at the end, the current item is not the at end of the list and the scroll position has to reflect that correctly. If we leave the scroll position at the end, we have to show the last of the newly added items, not where the user was previously.

If you are able, please share a video where the scroll is stuck, as this will help me replicate it locally.

Regards,
Stefan
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.

Peter
Posted on: 04 Jun 2021 11:29
I've added the suggested change, but when scrolling very slowly, the scrolling will still either get stuck or jump back up.
Peter
Posted on: 04 Jun 2021 10:43
Why would fixedScrolling default to false if that breaks scrolling in a normal usecase?
ADMIN
Vasil
Posted on: 04 Jun 2021 06:48

Hello,

fixedScroll prop of the Grid should be set to true, and the scroll will not move to the top when adding data. Everything works as expected. We will correct the demo itself.

Regards,
Vasil
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
Stefan
Posted on: 28 May 2021 09:19

Hello, Peter,

You are welcome.

As the author of this thread, you will automatically receive notification if there are any updates on this.

Regards,
Stefan
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.

Peter
Posted on: 28 May 2021 09:17

Hi Stefan,

Thanks you, please keep me updated.

ADMIN
Stefan
Posted on: 28 May 2021 07:36

Hello, Peter,

Thank you for the clarification.

Indeed, I was able to reproduce it on the other browsers. What I see is that in the other browsers the scroll position is lost and it is reset (moving it back to top).

I will investigate that and plan it accordingly.

I have also added Telerik points to your account for burning this issue to our attention.

Regards,
Stefan
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.

Peter
Posted on: 28 May 2021 07:06

Ah, I tested on some more devices and browsers. I've found that this component only works properly on Windows 10 on Chrome. On Windows, Firefox does not work. On MacOS both Firefox and Chrome do not work properly. I have not tested this on any Linux distro but I imagine it's the same as MacOs.

See attached video.

ADMIN
Stefan
Posted on: 28 May 2021 06:21

Hello, Peter,

I have tested this and the scroll stays on the correct items. I made a video of my test and attached it.

Please let me know if I missed something?

Regards,
Stefan
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.