From 76477c05bf6b2a3c020aeddb8abacf4f6ed8d27c Mon Sep 17 00:00:00 2001 From: Chris Heo Date: Wed, 30 Apr 2025 09:19:19 -0700 Subject: [PATCH] adjust scroll on quote message rendering --- src/ui/MessageContent/index.tsx | 8 +++++++- 1 file changed, 7 insertions(+), 1 deletion(-) diff --git a/src/ui/MessageContent/index.tsx b/src/ui/MessageContent/index.tsx index c62e33fbd..546f5685c 100644 --- a/src/ui/MessageContent/index.tsx +++ b/src/ui/MessageContent/index.tsx @@ -1,4 +1,4 @@ -import React, { ReactElement, ReactNode, useRef, useState } from 'react'; +import React, { ReactElement, ReactNode, useEffect, useRef, useState } from 'react'; import format from 'date-fns/format'; import './index.scss'; @@ -175,6 +175,12 @@ export function MessageContent(props: MessageContentProps): ReactElement { ); const useReplyingClassName = useReplying ? 'use-quote' : ''; + useEffect(() => { + if (useReplying) { + onMessageHeightChange?.(); + } + }, [useReplying]); + // Thread replies const displayThreadReplies = message?.threadInfo?.replyCount && message.threadInfo.replyCount > 0