You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
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.
reacted with thumbs up emoji reacted with thumbs down emoji reacted with laugh emoji reacted with hooray emoji reacted with confused emoji reacted with heart emoji reacted with rocket emoji reacted with eyes emoji
Uh oh!
There was an error while loading. Please reload this page.
-
Summary
I’m building a real-time messenger in Angular using
@tanstack/angular-virtualand 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.
Beta Was this translation helpful? Give feedback.
All reactions