yt-chat-components 1.7.3 → 1.7.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "yt-chat-components",
-  "version": "1.7.3",
+  "version": "1.7.4",
   "main": "build/static/js/bundle.min.js",
   "module": "build/static/js/bundle.min.js",
   "types": "build/static/js/index.d.ts",

package/src/YtChatView/chatWidget/chatWindow/index.tsx

@@ -193,6 +193,7 @@ const ChatWindow = forwardRef<ChatWindowRef, ChatWindowProps>(({
   const {registerChatMethods} = React.useContext(MethodContext) || {};
   let voiceChunks = []; // 临时存储录制的语音片段
   // 滚动事件处理，选择文件时，文件内容超出显示框时，显示左右箭头
+  const messageContainerRef = useRef<HTMLDivElement>(null);
 
   useImperativeHandle(ref, () => ({
     handleCallButtonClick:handleCallButtonClick
@@ -1248,6 +1249,10 @@ const ChatWindow = forwardRef<ChatWindowRef, ChatWindowProps>(({
               } else {
                 handleSendMessage()
               }
+              setTimeout(() => {
+                const container = messageContainerRef.current;
+                messageContainerRef.current.scrollTop = container.scrollHeight + 72;
+              }, 200);
             }}
             onStartRecordClick={startConnectAndRecord}
             onStopRecordClick={stopRecord}
@@ -1548,6 +1553,7 @@ const ChatWindow = forwardRef<ChatWindowRef, ChatWindowProps>(({
               <div
                   className="cl-messages_container"
                   style={isMobile ? {paddingLeft: '0', paddingRight: '0'} : {}}
+                  ref={messageContainerRef}
                   // style={{ maxWidth: '100%', minHeight:'300px', height:'700px', paddingBottom: '56px' }}
               >
                 {