Provide a chat-style reverse infinite scroll example for Angular

[SvenBudak]

Summary

I’m building a real-time messenger in Angular using @tanstack/angular-virtual and need reverse scrolling (bottom-aligned) with “load older” on upward scroll. Getting this stable has been surprisingly hard.

Problem

When prepending messages the viewport often jumps, load-older keeps retriggering, and ResizeObserver warnings pop up. I’ve tried keeping anchors with getOffsetForIndex, locking load triggers, etc., but the logic remains fragile and hard to reason about without an official reference.

Proposal

Ship a minimal chat example (similar to Virtua’s React “Chat” story) in the Angular docs: reverse layout, bottom stickiness, prepend batches, and smooth scrolling after the shift. That would massively help anyone implementing messenger-like UIs.

Additional context

Angular project, targeting Firebase-backed chat. Happy to test or help iterate if an example can be started.

[alex-moroz-plt]

Hi @SvenBudak, have you found the solution to your question?

[SvenBudak]

Hi Alex! No but i will try to figure something out with Pretext.js soon. i am not sure if it will help but the idea was to release our messenger without any virtual scroll. we just give up on this topic ^^"

[alex-moroz-plt]

@SvenBudak Thanks mate