Merge pull request #9956 from nextcloud/backport/9895/stable27

[stable27] fix(MessagesList) - scroll sticky list to bottom, if reaction was added

src/components/MessagesList/MessagesGroup/Message/Message.vue

@@ -671,6 +671,11 @@ export default {
 		showJoinCallButton() {
 			EventBus.$emit('scroll-chat-to-bottom')
 		},
+
+		// Scroll list to the bottom if reaction to the message was added, as it expands the list
+		simpleReactions() {
+			EventBus.$emit('scroll-chat-to-bottom-if-sticky')
+		},
 	},
 
 	mounted() {

src/components/MessagesList/MessagesList.vue

@@ -282,6 +282,7 @@ export default {
 		this.scrollToBottom()
 		EventBus.$on('scroll-chat-to-bottom', this.handleScrollChatToBottomEvent)
 		EventBus.$on('smooth-scroll-chat-to-bottom', this.smoothScrollToBottom)
+		EventBus.$on('scroll-chat-to-bottom-if-sticky', this.scrollToBottomIfSticky)
 		EventBus.$on('focus-message', this.focusMessage)
 		EventBus.$on('route-change', this.onRouteChange)
 		subscribe('networkOffline', this.handleNetworkOffline)
@@ -300,6 +301,7 @@ export default {
 		window.removeEventListener('focus', this.onWindowFocus)
 		EventBus.$off('scroll-chat-to-bottom', this.handleScrollChatToBottomEvent)
 		EventBus.$off('smooth-scroll-chat-to-bottom', this.smoothScrollToBottom)
+		EventBus.$on('scroll-chat-to-bottom-if-sticky', this.scrollToBottomIfSticky)
 		EventBus.$off('focus-message', this.focusMessage)
 		EventBus.$off('route-change', this.onRouteChange)
 
@@ -890,6 +892,15 @@ export default {
 			}
 		},
 
+		/**
+		 * Scrolls to the bottom of the list (to show reaction to the last message).
+		 */
+		scrollToBottomIfSticky() {
+			if (this.isSticky) {
+				this.scrollToBottom()
+			}
+		},
+
 		/**
 		 * Scrolls to the bottom of the list smoothly.
 		 */