fix: move scroll every time when message height changes

src/modules/Channel/components/Message/index.tsx

@@ -136,11 +136,12 @@ const Message = ({
     }));
   }, [mentionedUserIds]);
 
-  // Move the messsage list scroll when the last message's height is changed by reactions
+  /**
+   * Move the messsage list scroll
+   * when the message's height is changed by `showEdit` OR `message.reactions`
+   */
   useDidMountEffect(() => {
-    if (currentGroupChannel?.lastMessage?.messageId === message?.messageId) {
-      handleScroll?.();
-    }
+    handleScroll?.();
   }, [showEdit, message?.reactions?.length]);
   useLayoutEffect(() => {
     handleMessageListHeightChange?.();

src/modules/Channel/components/MessageList/index.tsx

@@ -119,12 +119,16 @@ const MessageList: React.FC<MessageListProps> = ({
     }
   };
 
-  // Move the messsage list scroll when the last message's height is changed by reactions
+  /**
+   * Move the messsage list scroll
+   * when each message's height is changed by `reactions` OR `showEdit`
+   */
   const handleMessageHeightChange = () => {
     const current = scrollRef?.current;
     if (current) {
       const bottom = current.scrollHeight - current.scrollTop - current.offsetHeight;
-      if (scrollBottom < bottom && scrollBottom <= SCROLL_BUFFER) {
+      if (scrollBottom < bottom) {
+        // Move the scroll as much as the height of the message has changed
         current.scrollTop += bottom - scrollBottom;
       }
     }