From 4d127a038bf768eded68aae3cfa5c1b12241bdac Mon Sep 17 00:00:00 2001 From: Maze Winther Date: Fri, 27 Mar 2026 00:55:15 +0100 Subject: chore: normalize line endings --- .../hooks/timeline/use-initial-scroll-bottom.ts | 84 +++++++++++----------- 1 file changed, 42 insertions(+), 42 deletions(-) (limited to 'apps/web/src/hooks/timeline/use-initial-scroll-bottom.ts') diff --git a/apps/web/src/hooks/timeline/use-initial-scroll-bottom.ts b/apps/web/src/hooks/timeline/use-initial-scroll-bottom.ts index 50833f14..0b1cf92a 100644 --- a/apps/web/src/hooks/timeline/use-initial-scroll-bottom.ts +++ b/apps/web/src/hooks/timeline/use-initial-scroll-bottom.ts @@ -1,42 +1,42 @@ -import { type RefObject, useLayoutEffect, useRef } from "react"; - -interface UseInitialScrollBottomProps { - tracksScrollRef: RefObject; - trackLabelsScrollRef: RefObject; - onAfterScroll?: () => void; - /** Defers the scroll until there is at least one track to measure against. */ - isReady: boolean; -} - -/** - * Scrolls the timeline tracks viewport to the bottom once on mount. - * useLayoutEffect runs synchronously after React commits the DOM but before - * the browser paints, so the initial scroll position is never visible. - */ -export function useInitialScrollBottom({ - tracksScrollRef, - trackLabelsScrollRef, - onAfterScroll, - isReady, -}: UseInitialScrollBottomProps): void { - const hasScrolledRef = useRef(false); - - useLayoutEffect(() => { - if (!isReady || hasScrolledRef.current) return; - - const viewport = tracksScrollRef.current; - if (!viewport) return; - - const maxScrollTop = viewport.scrollHeight - viewport.clientHeight; - if (maxScrollTop <= 0) return; - - viewport.scrollTop = maxScrollTop; - - if (trackLabelsScrollRef.current) { - trackLabelsScrollRef.current.scrollTop = maxScrollTop; - } - - onAfterScroll?.(); - hasScrolledRef.current = true; - }, [isReady, tracksScrollRef, trackLabelsScrollRef, onAfterScroll]); -} +import { type RefObject, useLayoutEffect, useRef } from "react"; + +interface UseInitialScrollBottomProps { + tracksScrollRef: RefObject; + trackLabelsScrollRef: RefObject; + onAfterScroll?: () => void; + /** Defers the scroll until there is at least one track to measure against. */ + isReady: boolean; +} + +/** + * Scrolls the timeline tracks viewport to the bottom once on mount. + * useLayoutEffect runs synchronously after React commits the DOM but before + * the browser paints, so the initial scroll position is never visible. + */ +export function useInitialScrollBottom({ + tracksScrollRef, + trackLabelsScrollRef, + onAfterScroll, + isReady, +}: UseInitialScrollBottomProps): void { + const hasScrolledRef = useRef(false); + + useLayoutEffect(() => { + if (!isReady || hasScrolledRef.current) return; + + const viewport = tracksScrollRef.current; + if (!viewport) return; + + const maxScrollTop = viewport.scrollHeight - viewport.clientHeight; + if (maxScrollTop <= 0) return; + + viewport.scrollTop = maxScrollTop; + + if (trackLabelsScrollRef.current) { + trackLabelsScrollRef.current.scrollTop = maxScrollTop; + } + + onAfterScroll?.(); + hasScrolledRef.current = true; + }, [isReady, tracksScrollRef, trackLabelsScrollRef, onAfterScroll]); +} -- cgit v1.3.1