diff --git a/web/src/components/MemoContent.tsx b/web/src/components/MemoContent.tsx index bce5e6907..da78d05e4 100644 --- a/web/src/components/MemoContent.tsx +++ b/web/src/components/MemoContent.tsx @@ -30,22 +30,22 @@ const MemoContent: React.FC = (props: Props) => { }); const memoContentContainerRef = useRef(null); const isVisitorMode = userStore.isVisitorMode(); - const autoCollapse: boolean = isVisitorMode ? true : (userStore.state.user as User).localSetting.enableAutoCollapse; + const autoCollapse: boolean = !showFull && (isVisitorMode ? true : (userStore.state.user as User).localSetting.enableAutoCollapse); useEffect(() => { - if (showFull) { + if (!autoCollapse) { return; } if (memoContentContainerRef.current) { - const height = memoContentContainerRef.current.clientHeight; + const height = memoContentContainerRef.current.scrollHeight; if (height > MAX_EXPAND_HEIGHT) { setState({ expandButtonStatus: 0, }); } } - }, []); + }, [autoCollapse]); const handleMemoContentClick = async (e: React.MouseEvent) => { if (onMemoContentClick) { @@ -70,7 +70,7 @@ const MemoContent: React.FC = (props: Props) => {