App: [HOLD for payment 2024-01-22] HIGH: (Comment linking: step 1) 'maintainVisibleContentPosition' doesn't works with the large list

Version Number: Reproducible in staging?: Reproducible in production?: If this was caught during regression testing, add the test name, ID and link from TestRail: Email or phone of affected tester (no customers): Logs: https://stackoverflow.com/c/expensify/questions/4856 Expensify/Expensify Issue URL: Issue reported by: Slack conversation:

Action Performed:

Case 1 (correct)

1. Create a list with the 50 elements. You can use Report Actions for items
2. Set to FlatList:

maintainVisibleContentPosition={{
            minIndexForVisible: 0,
        }}

1. Using onStartReached add 50 items

---

Case 2 (wrong)

1. Create a list with the 50 elements. You can use Report Actions for items
2. Set to FlatList:

maintainVisibleContentPosition={{
            minIndexForVisible: 0,
        }}

1. Using onStartReached add 100 items

Expected Result:

In the both cases, you won’t see any changes after adding new items, so the reportActions don’t move in the viewport

Actual Result:

1. In the first case, you won’t see any changes after adding new items, so the reportActions don’t move in the viewport
2. In the second case, you would see slides after adding new elements to FlatList.

Workaround:

Can the user still use Expensify without this being fixed? Have you informed them of the workaround?

Platforms:

Which of our officially supported platforms is this issue occurring on?

• Android: Native
• Android: mWeb Chrome
• iOS: Native
• iOS: mWeb Safari
• MacOS: Chrome / Safari
• MacOS: Desktop

Screenshots/Videos

EXPO snack: https://snack.expo.dev/@tarasperun/add-items-onsatartreached

https://github.com/Expensify/App/assets/48593211/76c9f2f0-f1eb-4fd9-9895-d7526ce7b8a1

View all open jobs on GitHub