DropdownList scroll jumps to the top when adding a new data portion

[vLutsevich]

Description

When loading and appending new data to an existing array, the scroll position resets to the beginning.

For ungrouped data, this behavior can be avoided by simply appending new data to the existing array. However, this approach isn't work for grouped data. To address this, we use the FixScrollTopWhenSetDataDirective in our project, though it does not completely eliminate the issue for grouped data (scroll still can ocassionally jump).

Steps To Reproduce

https://stackblitz.com/edit/angular-zqxad9

1.1 example 1 - array of object to reproduce scroll jump to top issue.

Screen.Recording.2024-12-09.at.20.35.10.mov

1.2 In our project, we developed a directive called FixScrollTopWhenSetDataDirective to resolve the scroll jump issue. This directive prevents the resetSelection method from being triggered when a dropdown list is opened.

For non-grouped data, the issue can be resolved by appending new data to the existing array. However, when grouping is required, this approach is ineffective. Therefore, the FixScrollTopWhenSetDataDirective is essential to address the incorrect behavior of the Kendo dropdown list.

example 1 - issue is fixed by FixScrollTopWhenSetDataDirective (EXPECTED BEHAVIOUR)

Screen.Recording.2024-12-09.at.20.36.52.mov

2.1 example 2 - grouped data and scroll jump issue.

2.2 example 2 - used FixScrollTopWhenSetDataDirective, but issue still occasionally happens.

Screenshots or video

Browser

Chrome

Browser version

latest

OS type

MacOS