[CP Staging] Fix expense opens at bottom and only moves up when scrolled on ios

src/components/FlatList/index.ios.tsx

@@ -4,7 +4,7 @@ import type {CustomFlatListProps} from './index';
 
 // On iOS, we have to unset maintainVisibleContentPosition while the user is scrolling to prevent jumping to the beginning issue
 function CustomFlatList<T>({ref, ...props}: CustomFlatListProps<T>) {
-    const {maintainVisibleContentPosition: originalMaintainVisibleContentPosition, ...rest} = props;
+    const {maintainVisibleContentPosition: originalMaintainVisibleContentPosition, shouldDisableVisibleContentPosition, ...rest} = props;
     const [isScrolling, setIsScrolling] = useState(false);
 
     const handleScrollBegin = useCallback(() => {
@@ -15,7 +15,7 @@ function CustomFlatList<T>({ref, ...props}: CustomFlatListProps<T>) {
         setIsScrolling(false);
     }, []);
 
-    const maintainVisibleContentPosition = isScrolling ? undefined : originalMaintainVisibleContentPosition;
+    const maintainVisibleContentPosition = isScrolling || shouldDisableVisibleContentPosition ? undefined : originalMaintainVisibleContentPosition;
 
     return (
         <FlatList<T>

src/components/FlatList/index.tsx

@@ -43,6 +43,7 @@ function getScrollableNode(flatList: FlatList | null): HTMLElement | undefined {
 
 type CustomFlatListProps<T> = FlatListProps<T> & {
     ref?: ForwardedRef<FlatList>;
+    shouldDisableVisibleContentPosition?: boolean;
 };
 
 function MVCPFlatList<TItem>({maintainVisibleContentPosition, horizontal = false, onScroll, ref, ...props}: CustomFlatListProps<TItem>) {

src/components/InvertedFlatList/BaseInvertedFlatList/index.tsx

@@ -25,6 +25,7 @@ type BaseInvertedFlatListProps<T> = Omit<FlatListProps<T>, 'data' | 'renderItem'
     renderItem: ListRenderItem<T>;
     initialScrollKey?: string | null;
     ref?: ForwardedRef<RNFlatList>;
+    shouldDisableVisibleContentPosition?: boolean;
 };
 
 const AUTOSCROLL_TO_TOP_THRESHOLD = 250;

src/pages/home/report/ReportActionsList.tsx

@@ -817,6 +817,7 @@ function ReportActionsList({
                         shouldScrollToEndAfterLayout ? styles.opacity0 : styles.opacity1,
                         shouldFocusToTopOnMount ? styles.justifyContentEnd : undefined,
                     ]}
+                    shouldDisableVisibleContentPosition={shouldScrollToEndAfterLayout}
                     keyExtractor={keyExtractor}
                     initialNumToRender={initialNumToRender}
                     onEndReached={onEndReached}