Report - 'Add Unreported Expense' Menu Item Is Partially Off-Screen and Not Fully Visible

[lanitochka17]

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.68-3
Reproducible in staging?: Y
Reproducible in production?: Y
If this was caught during regression testing, add the test name, ID and link from TestRail: #64399
Issue reported by: Applause - Internal Team

Action Performed:

1. Open Expensify Android native app
2. Create an expense
3. Go to expense report
4. Click more button > Add expense

Expected Result:

All menu options should be visible

Actual Result:

'Add Unreported Expense' Menu Item Is Partially Off-Screen and Not Fully Visible

Workaround:

Unknown

Platforms:

Select the officially supported platforms where the issue was reproduced:

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

Platforms Tested:

On which of our officially supported platforms was this issue tested:

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

Screenshots/Videos

Add any screenshot/video evidence

Bug6863757_1750262869112.video_40.mp4

View all open jobs on GitHub

[melvin-bot]

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

[ChavdaSachin]

Proposal

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

Report - 'Add Unreported Expense' Menu Item Is Partially Off-Screen and Not Fully Visible

What is the root cause of that problem?

This condition prevents model styling and therefor no required padding is applied.

App/src/components/MoneyReportHeader.tsx

Line 935 in b9ac58f

shouldUseModalPaddingStyle={false}

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

Remove the following prop similar to other occurrences where we don't pass this prop and the modal is perfect.

App/src/components/MoneyReportHeader.tsx

Line 935 in b9ac58f

shouldUseModalPaddingStyle={false}

Like

App/src/components/MoneyReportHeader.tsx

Line 609 in b9ac58f

<ButtonWithDropdownMenu

App/src/components/MoneyReportHeader.tsx

Line 982 in b9ac58f

<ButtonWithDropdownMenu

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

NA

What alternative solutions did you explore? (Optional)

NA

[ChavdaSachin]

I could raise a Quick PR if needed here.

POC for my proposal

Screen.Recording.2025-06-19.at.12.29.18.AM.mov

[linhvovan29546]

Duplicate #63646

[VictoriaExpensify]

Thanks @linhvovan29546

Closing this out since it's a dupe