Tree scrolls and flickers on frequent update on tree data

[kiranbangar5946]

Clear and concise description of the problem

We have tree with 3 levels, it work great.Thanks. But when at level 3 there are multiple updates the ui flickers and if user wants to see it scrolling , unable to scroll as scroll moved up and down due to updates. Please suggest and help.

Suggested solution

Child fluctuation stops.

Alternative

No response

Additional context

No response

Validations

• Follow our Code of Conduct
• Read the HOWTO - Step by Step.
• Check that there isn't already an issue that request the same feature to avoid creating a duplicate.

[ghiscoding]

unless you provide a full way to reproduce I cannot help

[kiranbangar5946]

1. Create 3 levels in tree. a. Grandparent b. parent c. child
2. Insert atleast 50-100 childs after every second or less for that heirarchy.
3. We will observe , if user wants to scroll and see the data added at bottom .It wont allow to navigate bottom ,as scroll moves to top every time a new child is inserted. I guess on new row insert scroll is forced to move to top.Which makes it difficult to see child added which is at bottom .
   Only way to see the child added are once all the childs are inserted and dom is no more manipulated.

Thanks in advance.

[ghiscoding]

I assume you were using the GridService addItems, the default behavior of that method was to scroll top by default (which was dependent to the position option). I removed the default position scrolling and also added scrollRowIntoView option to addItem(s), this new option is true by default and will scroll to the inserted item instead of scrolling to top or bottom, you could also disable that new option and if you do then it will insert in the grid but without scrolling anywhere

Please note that you might still see flickering for a very short period, the reason is because SlickGrid by itself doesn't support Tree Data, the way I made it working in Slickgrid-Universal was to create a flat dataset (which SlickGrid requires) from a Tree Data, and for that to work it requires to rebuild the tree data and the flat data every time we change the dataset, that is also true when adding/removing a new item to the dataset. However it is so fast that it's barely noticeable

So the fix was released under v6.1.0
Cheers ⭐

[ghiscoding]

I'm not sure if the problem was occurring with a Tree Data Parent/Child or a Hierarchical Tree since you did not provide much feedback, but a fix was also pushed to fix an issue that was scrolling back to top when inserting a new item. In summary, a scrolling to top for Tree Parent/Child was fixed in v6.1.0 and similar problem was fixed for Tree Data Hierarchical in v6.2.0

You can test item insert in both examples

• Example 28
• Example 29