Skip to content

AutoSizeVirtualScrollStrategy - overlapping items when prepend new item while resizing #1878

@magniv

Description

@magniv

Description

I'm using the AutoSizeVirtualScrollStrategy with the resize observer.
Next to the scroll list i have a panel that allows me to prepend item. After the item is added, the panel closes, than the items overlapping each other or have gaps between them.

Before adding the item:
Image

After adding the item:
Image

Steps to Reproduce the Issue

Stackblitz link:
https://stackblitz.com/edit/stackblitz-starters-ary8m6yz?file=src%2Fapp%2Fapp.component.html

Click on the New item button will open the panel with the new item.
Click on Add will prepend the item and close the panel.

Environment

@angular/core               19.2.15
@rx-angular/template        19.2.2

Notes

This is an example of how to reproduce the bug, but it happens in any scenario that item prepend/change in the array while resizing.
Thanks!

Metadata

Metadata

Assignees

Labels

</> Template@rx-angular/template related

Type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions