[Due for payment 2025-06-09] [$250][Back button] Android - Unable to enter selection mode after exiting selection mode via device back button

[jponikarchuk]

If you haven’t already, check out our contributing guidelines for onboarding and email contributors@expensify.com to request to join our Slack channel!

---

Version Number: 9.1.39-2
Reproducible in staging?: Yes
Reproducible in production?: Yes
If this was caught during regression testing, add the test name, ID and link from TestRail: Exp
Email or phone of affected tester (no customers): applausetester+300402kh@applause.expensifail.com
Issue reported by: Applause Internal Team
Device used: Samsung Galaxy Z Fold 4 / Android 14
App Component: Money Requests

Action Performed:

Precondition:

• Log in with Expensifail account.
• Have submitted at least two expenses to any user.

1. Launch Expensify app.
2. Go to Reports.
3. Tap bookmark icon.
4. Tap Expense Reports.
5. Tap on the expense report that has at least two expenses.
6. Long tap on any expense > Select.
7. Note that the app enters selection mode with checkbox and dropdown button.
8. Tap app back button twice to return to Reports.
9. Long tap on the expense report > Select.
10. Tap device back button (important).
11. Tap on the expense report.
12. Long tap on any expense > Select.

Expected Result:

The app will enter selection mode with checkbox and dropdown button.

Actual Result:

The selected expense is highlighted, but there is no checkbox and dropdown button.

Workaround:

Unknown

Platforms:

• Android: App
• Android: mWeb Chrome
• iOS: App
• iOS: mWeb Safari
• iOS: mWeb Chrome
• Windows: Chrome
• MacOS: Chrome / Safari
• MacOS: Desktop

Screenshots/Videos

1.mp4

View all open jobs on GitHub

Upwork Automation - Do Not Edit

• Upwork Job URL: https://www.upwork.com/jobs/~021919848591903936734
• Upwork Job ID: 1919848591903936734
• Last Price Increase: 2025-05-13
• Automatic offers:
• FitseTLT | Contributor | 107321015

Issue Owner

Current Issue Owner: @zanyrenney

[melvin-bot]

Triggered auto assignment to @zanyrenney (Bug), see https://stackoverflow.com/c/expensify/questions/14418 for more details. Please add this bug to a GH project, as outlined in the SO.

[FitseTLT]

🚨 Edited by proposal-police: This proposal was edited at 2025-05-02 22:09:28 UTC.

Proposal

Please re-state the problem that we are trying to solve in this issue.

Android - Unable to enter selection mode after exiting selection mode via device back button

What is the root cause of that problem?

When pressing the back button, while we are on search page before navigating to SearchMoneyRequestReportPage, this back handler here will be run

App/src/pages/Search/SearchPageNarrow.tsx

Lines 66 to 74 in 5e73cc5

	const handleBackButtonPress = useCallback(() => {
	if (!selectionMode?.isEnabled) {
	return false;
	}
	clearSelectedTransactions(undefined, true);
	return true;
	}, [selectionMode, clearSelectedTransactions]);
	useHandleBackButton(handleBackButtonPress);

that will set shouldTurnOffSelectionMode to true and clear the selected transaction so when on SearchMoneyRequestReportPage and select a transaction the use effect in search page will run (as the screen exists under the stack) here

App/src/components/Search/index.tsx

Lines 170 to 175 in 5e73cc5

	useEffect(() => {
	const selectedKeys = Object.keys(selectedTransactions).filter((key) => selectedTransactions[key]);
	if (selectedKeys.length === 0 && selectionMode?.isEnabled && shouldTurnOffSelectionMode) {
	turnOffMobileSelectionMode();
	}
	}, [selectedTransactions, selectionMode?.isEnabled, shouldTurnOffSelectionMode]);

because selection mode changed on SearchMoneyRequestReportPage but as the selectedTransactions (in search page) is empty and shouldTurnOffSelectionMode is true it will immediately turn off the mobile selection mode in SearchMoneyRequestReportPage

What changes do you think we should make in order to solve the problem?

The effect was implemented in here to align the app back button with device back button. So that we can clear selected transaction and turnoff selection mode on device back press same as we do for app back button. The reason they chose to apply the useEffect approach to turnoff selection mode when implementing it is, as explained in here, at the time when turnoffMobileSelectionMode was called on back press immediately after clearSelectedTransactions another useEffect was turning back on the mobile selection mode. However, now that doesn't occur. So we can remove the use effect here and directly call the function below clear transaction here

App/src/pages/Search/SearchPageNarrow.tsx

Lines 70 to 71 in 5e73cc5

	clearSelectedTransactions(undefined, true);
	return true;

clearSelectedTransactions(undefined);
        turnOffMobileSelectionMode();

Then we will not need shouldTurnOffSelectionMode any more.

Alternatively, if we use the current approach, the use effect is supposed to operate for SearchPageNarrow so the useEffect need to early return if the screen is not focused

if (!isFocused) {
            return;
        }

or we can remove selectionMode?.isEnabled from the dependency of the useEffect because we don't need to run on its change and will ensure the useEffect will only run if there is a change in selected transactions while in the search page.

---

As a side note we can implement back handler to align the app back button and device back button in SearchMoneyRequestReportPage just like the search page by adding a code here

    const handleBackButtonPress = useCallback(() => {
        if (!selectionMode?.isEnabled) {
            return false;
        }

        setSelectedTransactionsID([]);
        turnOffMobileSelectionMode();
        return true;
    }, [selectionMode?.isEnabled, setSelectedTransactionsID]);

    useHandleBackButton(handleBackButtonPress);

We can do similar on other places if needed.

What specific scenarios should we cover in automated tests to prevent reintroducing this issue in the future?

N / A

What alternative solutions did you explore? (Optional)

[melvin-bot]

@zanyrenney Uh oh! This issue is overdue by 2 days. Don't forget to update your issues!

[melvin-bot]

Job added to Upwork: https://www.upwork.com/jobs/~021919848591903936734

[zanyrenney]

adding external label!

[melvin-bot]

Triggered auto assignment to Contributor-plus team member for initial proposal review - @ahmedGaber93 (External)