Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

[Bug] When resizing window, messages are "squashed" #601

Closed
jansedlon opened this issue Jan 14, 2025 · 2 comments
Closed

[Bug] When resizing window, messages are "squashed" #601

jansedlon opened this issue Jan 14, 2025 · 2 comments

Comments

@jansedlon
Copy link

Describe the bug
When resizing a list of messages, sometimes the messages ends up being visually squashed.

To Reproduce
Try to resize the window with the app
codesandbox

you should end up with something like this

image

Expected behavior
The messages should looks the same when resizing

Platform:

  • OS: MacOS
  • Browser: Chrome
  • Version of this package: 0.39.3
  • Version of framework: react 18.3
@inokawa
Copy link
Owner

inokawa commented Jan 14, 2025 •
edited
Loading

It seems like you are setting the same key to all of the items. Such case is not supported.
https://react.dev/learn/rendering-lists#keeping-list-items-in-order-with-key

@inokawa inokawa closed this as not planned Won't fix, can't repro, duplicate, stale Jan 14, 2025
@jansedlon
Copy link
Author

Sorry my bad, i edited the wrong ids when making the example 🤦‍♂️ yeah it's working

@inokawa inokawa mentioned this issue Jan 18, 2025
Merged
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
None yet
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
2 participants
@jansedlon @inokawa