Tree Grid with virtualization makes "jumps" when scrolling.

[Cesar Smerling]

Hello! I have two problems with the tree grid and the virtualization. I know there are some limitations with that.

1) When virtualization is enable and scrolling the rows takes "jumps" when drawing and sometimes the rows are not drawn at all.

2) I have methods that reload all the rows in the tree grid, and when I'am at the bottom of the scrolling and this rows updated (the dataSource change, and the grid refresh) the scrolling "jumps" up not to the current position

Is there a way to fix this?

Thanks

[Farveen Sulthana Thameeztheen Basha]

Hi Cesar, 

Thanks for contacting Syncfusion Support. 

Query#1:-When virtualization is enable and scrolling the rows takes "jumps" when drawing and sometimes the rows are not drawn at all. 

Query#2:- I have methods that reload all the rows in the tree grid, and when I'am at the bottom of the scrolling and this rows updated 

 

We are unable to reproduce both problems at our end while using Virtualization. Refer to the sample Link:- 

https://stackblitz.com/edit/angular-1wwuu2 

We need some more additional details to find the cause of the issue. Share us the following details. 

1. Complete TreeGrid code example.
2. Video Demo to replicate the issue.
3. If possible replicate the issue in the above sample and revert us back.
4. Product version details.
5. Have you faced any Script Error on console window. If yes, please share.

Regards, 

Farveen sulthana T 

[Greg]

Hi, the Angular sample link you posted (https://stackblitz.com/edit/angular-1wwuu2) is in fact showing the jumping issue that Cesar describes.

To reproduce in your sample:

1. Collapse the Player Name nodes until all the rows in view are all collapsed (I started at the top and stopped at the row with Player Jersey 76).
2. Open a Player Name node in the middle of the list (i.e. Player Jersey 46)
3. Slowly scroll the list up until that opened node reaches just beyond the top of the window.
4. The list jumps and you end up further down in the list than you should be.

I am having the same issue with the Vue TreeGrid (Syncfusion v18.2.57). The bug is consistent and can be very disorienting, especially with a smaller window with fewer visible rows.

Thanks,

Greg

[Farveen Sulthana Thameeztheen Basha]

Hi Greg, 

 

Thanks for contacting Syncfusion Support. 

 

We have checked your reported problem with your replication steps. While on Scrolling between Expand/collapse records, there is variation occurs due to Indent change between Expand/Collapse. But we are unable to replicate any further jump on Scrolling.  

 

Refer to the Video Demo below:- 

https://www.syncfusion.com/downloads/support/forum/153798/ze/Video_Demo-Scroll-661171945.zip 

 

For more clarification please share Video Demonstration to replicate the issue. Based on Demo we will proceed further. 

 

Regards, 

Farveen sulthana T