fix: avoid content flash on auto collapse (#2042)

web/src/components/MemoContent.tsx

@@ -30,22 +30,22 @@ const MemoContent: React.FC<Props> = (props: Props) => {
   });
   const memoContentContainerRef = useRef<HTMLDivElement>(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: Props) => {
     <div className={`memo-content-wrapper ${className || ""}`}>
       <div
         ref={memoContentContainerRef}
-        className={`memo-content-text ${autoCollapse && state.expandButtonStatus === 0 ? "max-h-64 overflow-y-hidden" : ""}`}
+        className={`memo-content-text ${autoCollapse && state.expandButtonStatus < 1 ? "max-h-64 overflow-y-hidden" : ""}`}
         onClick={handleMemoContentClick}
         onDoubleClick={handleMemoContentDoubleClick}
       >