Scrollbar glitch

[NINI1988]

Describe the bug

The scrollbar when switching between rooms has a glitch

Steps to reproduce

1. Use eg. https://codesandbox.io/s/vac-switchroomscrollbarglitch-42u1uc?file=/src/App.vue which has two rooms with a different amount of messages.
2. Switch between these rooms (multiple times and check scrollbar)
3. You will see that the scrollbar will be displayed at the top and shortly afterwards jumps to the bottom

Expected behavior

It would be nice when the scrollbar would be directly be visible at the bottom of the chats view.

Screenshots

Device (please complete the following information)

OS: Windows 11
Browser: Chrome 103, Firefox 102
Package version: 1.5.5

Additional context

[antoine92190]

You need to set the messages prop inside the timeout:

setTimeout(() => {
  this.messages = Object.assign([], msgs);
  this.messagesLoaded = true;
}, 0);

[NINI1988]

That doesn't make any difference 🤔. I have updated the sandbox.