Thanks to visit codestin.com
Credit goes to github.com

Skip to content

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

Open
@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

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions