Scroll jumps on window resize due to message bubble reflow #1383
Unanswered
ducnk-qualgo
asked this question in
Q&A
Replies: 2 comments
-
Screen.Recording.2026-04-03.at.10.11.56.mov |
Beta Was this translation helpful? Give feedback.
0 replies
-
|
@ducnk-qualgo if you're using the message list, you can contact me at support@virtuoso.dev with further details and a reproduction of the problem - ensure that you use the email you used to purchase the license. To your point, I'm not sure what's the expected behavior based on your recording, so you should include that as well. Thank you in advance. |
Beta Was this translation helpful? Give feedback.
0 replies
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Uh oh!
There was an error while loading. Please reload this page.
-
Hi team, how to prevent scroll jumps when window resize causes item heights to change (responsive content reflow)?
I'm using Virtuoso for a chat message list with alignToBottom={true}. When the user resizes the window, message bubbles reflow (text wraps differently) and their heights change, causing Virtuoso to jump the scroll position.
Scenario:
User is viewing chat history in the middle of the list
Window width changes (user resizes or sidebar toggles)
Message bubbles reflow → heights change (e.g., 150px → 180px due to text wrapping)
Virtuoso recalculates layout → scroll jumps unexpectedly
What's the recommended pattern for responsive chat apps where item heights are fluid?
Desired behavior: When window resizes, keep the user's currently visible messages in view (maintain visual scroll position).
Beta Was this translation helpful? Give feedback.
All reactions