LogLine: mix observer with animation frame

This commit is contained in:
Matias Chomicki committed 2025-09-17 12:15:45 +02:00
1 parent ae52bf77f7
commit 92675ddf98
1 file changed
+14 -4
@@ -149,11 +149,21 @@ const LogLineComponent = memo(
if (!logLineRef.current) {
return;
}
const observer = new ResizeObserver(() => {
handleLogLineResize();
});
let frameId: number;
const handleResize = () => {
if (frameId) {
cancelAnimationFrame(frameId);
}
frameId = requestAnimationFrame(() => handleLogLineResize());
};
const observer = new ResizeObserver(handleResize);
observer.observe(logLineRef.current);
return () => observer.disconnect();
return () => {
observer.disconnect();
if (frameId) {
cancelAnimationFrame(frameId);
}
}
}, [handleLogLineResize]);
useEffect(() => {