Hartmut/Nexus
1
0
Fork 0
Code Issues 11 Pull Requests 1 Actions Packages Projects Releases Wiki Activity

feat(timeline): start at today + infinite scroll into the past #65

Merged
Hartmut merged 7 commits from feature/timeline-past-scroll into main 2026-05-22 11:43:08 +02:00
Conversation 0 Commits 7 Files Changed 3
+4 -6
1 changed files with 4 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 7285668c52 - Show all commits
apps/web/src/components/timeline/TimelineView.tsx
+4 -6
View File
@@ -689,17 +689,15 @@ function TimelineViewContent({
const pendingLeftCompensationPx = useRef(0); const pendingLeftCompensationPx = useRef(0);
// Flag: scroll viewport to today after the next viewStart-driven re-layout. // Flag: scroll viewport to today after the next viewStart-driven re-layout.
const pendingScrollToTodayRef = useRef(false); const pendingScrollToTodayRef = useRef(false);
// Guard: only auto-scroll to today once on initial mount.
const scrolledToTodayOnMount = useRef(false);
// Scroll to today on first mount so the viewport opens with today at the left edge. // Scroll to today on mount so the viewport opens with today at the left edge.
// Empty deps: intentionally runs once (and twice in React Strict Mode dev, both correct).
useLayoutEffect(() => { useLayoutEffect(() => {
if (scrolledToTodayOnMount.current) return;
const el = scrollContainerRef.current; const el = scrollContainerRef.current;
if (!el) return; if (!el) return;
el.scrollLeft = toLeft(today); el.scrollLeft = toLeft(today);
scrolledToTodayOnMount.current = true; }, []);
}, [toLeft, today]);
// Apply scroll compensation synchronously after the canvas grows (left-extend or Today button). // Apply scroll compensation synchronously after the canvas grows (left-extend or Today button).
useLayoutEffect(() => { useLayoutEffect(() => {