chatmenu scrolls down again

mafia-rust · Feb 4, 2024 · 72f2f93 · 72f2f93
1 parent 08adceb
commit 72f2f93
Showing 1 changed file with 6 additions and 2 deletions.
diff --git a/client/src/menu/game/gameScreenContent/ChatMenu.tsx b/client/src/menu/game/gameScreenContent/ChatMenu.tsx
@@ -44,8 +44,6 @@ export default class ChatMenu extends React.Component<ChatMenuProps, ChatMenuSta
         ChatMenu.instance = null;
     }
     render(){
-        console.log("chat rerender");
-
         return <div className="chat-menu chat-menu-colors">
             <ContentTab close={false}>{translate("menu.chat.title")}</ContentTab>
             <ChatMessageSection filter={this.state.filter} />
@@ -110,6 +108,12 @@ function ChatMessageSection(props: { filter: RegExp | null }): ReactElement {
         return () => GAME_MANAGER.removeStateListener(stateListener);
     }, [props.filter, setMessages]);
 
+    //scroll chat to bottom when filter is shut off or loaded
+    useEffect(() => {
+        if (self.current === null) return;
+        self.current.scrollTop = self.current.scrollHeight;
+    }, [props.filter])
+
     return <div className="message-section" ref={self}>
         <div className="message-list">
             {filteredMessages.map((msg, index) => {