From 2e2a856d244b793390d97b0ed6719a1da3b9f4be Mon Sep 17 00:00:00 2001 From: Jasper Huang Date: Wed, 19 Mar 2025 10:34:46 +0800 Subject: [PATCH] Revert "[CP Staging] fix: blocked scrolling event in reports list" --- src/pages/home/report/ReportActionsList.tsx | 10 ++++++++++ 1 file changed, 10 insertions(+) diff --git a/src/pages/home/report/ReportActionsList.tsx b/src/pages/home/report/ReportActionsList.tsx index c0decf254617..5f968a529849 100644 --- a/src/pages/home/report/ReportActionsList.tsx +++ b/src/pages/home/report/ReportActionsList.tsx @@ -176,6 +176,7 @@ function ReportActionsList({ const [reportNameValuePairs] = useOnyx(`${ONYXKEYS.COLLECTION.REPORT_NAME_VALUE_PAIRS}${report?.reportID}`); const [accountID] = useOnyx(ONYXKEYS.SESSION, {selector: (session) => session?.accountID}); const participantsContext = useContext(PersonalDetailsContext); + const [scrollOffset, setScrollOffset] = useState(0); const [isScrollToBottomEnabled, setIsScrollToBottomEnabled] = useState(false); @@ -516,6 +517,7 @@ function ReportActionsList({ }; const trackVerticalScrolling = (event: NativeSyntheticEvent) => { + setScrollOffset(event.nativeEvent.contentOffset.y); scrollingVerticalOffset.current = event.nativeEvent.contentOffset.y; handleUnreadFloatingButton(); onScroll?.(event); @@ -717,6 +719,14 @@ function ReportActionsList({ const onEndReached = useCallback(() => { loadOlderChats(false); + + requestAnimationFrame(() => { + reportScrollManager.ref?.current?.scrollToOffset({ + offset: scrollingVerticalOffset.current - scrollOffset, + animated: false, + }); + }); + // eslint-disable-next-line react-compiler/react-compiler, react-hooks/exhaustive-deps }, [loadOlderChats]); // Parse Fullstory attributes on initial render