[Due for payment 2025-06-18] [$250] android-After selecting currency, below list is shown as white space.

[mitarachim]

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: V9.1.54-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: N/a
Email or phone of affected tester (no customers): applausetester+82@applause.expensifail.com
Issue reported by: Applause Internal Team
Device used: Redminote 10s android 13
App Component: Workspace Settings

Action Performed:

1. Launch app
2. Create Workspace - enable per diem rate - Import per diem rate
3. Open a destination
4. Tap currency
5. When keypad is opened, select a currency from top

Expected Result:

After selecting currency, below list must not be shown as white space and full currency list must be visible.

Actual Result:

After selecting currency, below list is shown as white space.

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

Bug6846263_1748586575658.Screenrecorder-2025-05-30-11-53-43-105.mp4

View all open jobs on GitHub

Upwork Automation - Do Not Edit

• Upwork Job URL: https://www.upwork.com/jobs/~021930008850951753490
• Upwork Job ID: 1930008850951753490
• Last Price Increase: 2025-06-03
• Automatic offers:
• allgandalf | Reviewer | 107563156
• truph01 | Contributor | 107563158

Issue Owner

Current Issue Owner: @johncschuster

[melvin-bot]

Triggered auto assignment to @johncschuster (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.

[drminh2807]

🚨 Edited by proposal-police: This proposal was edited at 2025-05-30 06:57:57 UTC.

Proposal

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

android-After selecting currency, below list is shown as white space.

What is the root cause of that problem?

After selecting currency, the navigation go back immediately without waiting for keyboard dissmiss

App/src/pages/workspace/perDiem/EditPerDiemCurrencyPage.tsx

Lines 37 to 46 in f332a1e

	const editCurrency = useCallback(
	(item: CurrencyListItem) => {
	const newCurrency = item.currencyCode;
	if (newCurrency !== selectedRate?.currency) {
	PerDiem.editPerDiemRateCurrency(policyID, rateID, customUnit, newCurrency);
	}
	Navigation.goBack(ROUTES.WORKSPACE_PER_DIEM_DETAILS.getRoute(policyID, rateID, subRateID));
	},
	[selectedRate?.currency, policyID, rateID, subRateID, customUnit],
	);

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

Add Keyboard dismiss delay then go back

    const editCurrency = useCallback(
        (item: CurrencyListItem) => {
            KeyboardUtils.dismiss().then(() => {
                const newCurrency = item.currencyCode;
                if (newCurrency !== selectedRate?.currency) {
                    PerDiem.editPerDiemRateCurrency(policyID, rateID, customUnit, newCurrency);
                }
                Navigation.goBack(ROUTES.WORKSPACE_PER_DIEM_DETAILS.getRoute(policyID, rateID, subRateID));
            });
        },
        [selectedRate?.currency, policyID, rateID, subRateID, customUnit],
    );

Or just call Keyboard.dismiss() without delay

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)

N/A

Reminder: Please use plain English, be brief and avoid jargon. Feel free to use images, charts or pseudo-code if necessary. Do not post large multi-line diffs or write walls of text. Do not create PRs unless you have been hired for this job.

[truph01]

Proposal

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

• android-After selecting currency, below list is shown as white space

What is the root cause of that problem?

• The EditPerDiemCurrencyPage uses the prop shouldEnableKeyboardAvoidingView set to true by default. This enables automatic screen height adjustment when the keyboard is visible.
• In the reported bug, after a user selects an option and the keyboard dismisses, KeyboardAvoidingView doesn't immediately recognize that the keyboard is gone. As a result, the screen layout still includes extra space at the bottom, making it seem like the category list is blank—hence the user's confusion.

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

• Disable the KeyboardAvoidingView for the EditPerDiemCurrencyPage component by explicitly setting shouldEnableKeyboardAvoidingView={false} at the usage site:

  App/src/pages/workspace/perDiem/EditPerDiemCurrencyPage.tsx

  Line 55 in f332a1e

  <ScreenWrapper

    shouldEnableKeyboardAvoidingView={false}

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

• None

What alternative solutions did you explore? (Optional)

[melvin-bot]

@johncschuster Whoops! This issue is 2 days overdue. Let's get this updated quick!

[melvin-bot]

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

[melvin-bot]

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