fix(MessagesList): fix resizeObserver and scrolledToBottom state update

[Antreesy]

☑️ Resolves

• Follow-up to fix(MessagesList): keep chat at the bottom when list height is changing #14266
  • Keeps node reference for ResizeObserver after switching conversations
  • Ensure non-scrollable chat doesn't have 'scroll to bottom' button
• Fix Typing a message invokes the scroll indicator, and prevents the other party's next message from auto scrolling into view #14392 🚧
  • setChatScrolledToBottom(false) should be only set on scroll up (if we're scrolling down. it should be already set)

🖌️ UI Checklist

🖼️ Screenshots / Screencasts

🏡 After

2025-02-10_09h13_03.mp4

🔬 Test

• removing :key:
  • ResizeObserver works after conversation switch
  • nothing is broken, if we get rid of 'force-refresh' of whole component
• non-scrollable chats do not have 🔽 button:
  • on open (on open with focusing message)
  • on resize
  • on messages list (height) change
• scrollable chats do not have 🔽 button:
  • when scrolling down
  • when nothing to scroll
  • when new message arrives, and there's a mismatch of last read (follow-up from above)

🏁 Checklist

• 🌏 Tested with different browsers / clients:
  • Chromium (Chrome / Edge / Opera / Brave)
  • Firefox
  • Safari
  • Talk Desktop
  • Not risky to browser differences / client
• 🖌️ Design was reviewed, approved or inspired by the design team
• ⛑️ Tests are included or not possible
• 📗 User documentation in https://github.com/nextcloud/documentation/tree/master/user_manual/talk has been updated or is not required

[ShGKme]

Could you explain the change?

[Antreesy]

After swtiching to conversation, handleScroll is triggered. Regardless of container height, it sets value to false (whereas it shouldn't for non-scrollable chats)
For scrollable chats it also shouldn't set to false, when receiiving message (handleScroll is triggered with 'down' direction)
For just opened chats, however, it should still set to 'false', if chat is not at the bottom (we know that from previous 'if' block'

[DorraJaouad]

Sthg is wrong, chat is sticky when document is not focused and it scrolls to bottom ⚠️

[Antreesy]

Rebased, see last 3 commits:

• post-review fix
• update of last read message with your last posted message (based on temp messages)
• fix for scrollToBottom after switching to conversation

[DorraJaouad]

// If successful, deletes the temporary message from the store context.dispatch('removeTemporaryMessageFromStore', { token, id: temporaryMessage.id })

temp message is removed before processing the message in postNewMessage

Also, processMessage in multiple points, I wouldn't risk updating the last read message there. As suggested before, it should rather focus on post new message only. What's odd is that the current addition already exists there but it wasn't working efficiently

https://github.com/nextcloud/spreed/blob/main/src/store/messagesStore.js#L1276-L1291

[Antreesy]

it exists and works for text messages only. File share (with /without caption) is a one-way, a we will receive a feedback only from message polling

postNewMessage can do it, as we receive a message object as a response and can replace it safely