Fix composer scrollbar resize loop (#1050)

2026-05-16 19:31:24 +08:00
parent f4a4e0c25c
commit 1c38ffe0a9
3 changed files with 69 additions and 29 deletions
@@ -98,13 +98,19 @@ export function useComposerHeightMirror({

  useLayoutEffect(() => {
    measure();
-  }, [value, measure]);
+  }, [maxHeight, minHeight, value, measure]);

  useEffect(() => {
    const source = textareaRef.current;
    if (!source || !(source instanceof HTMLElement)) return;
    if (typeof ResizeObserver === "undefined") return;
-    const observer = new ResizeObserver(() => measure());
+    let previousWidth = source.clientWidth;
+    const observer = new ResizeObserver(() => {
+      const nextWidth = source.clientWidth;
+      if (Math.abs(nextWidth - previousWidth) < 1) return;
+      previousWidth = nextWidth;
+      measure();
+    });
    observer.observe(source);
    return () => observer.disconnect();
  }, [textareaRef, measure]);