[PAY 26th MARCH][$250] Accounting - Export page content is not wrapped correctly

[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.12-5
Reproducible in staging?: Yes
Reproducible in production?: Yes
If this was caught on HybridApp, is this reproducible on New Expensify Standalone?: Yes, reproducible on both
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+ps309@applause.expensifail.com
Issue reported by: Applause Internal Team
Device used: iPhone 15 Pro Max / iOS 18.3
App Component: Money Requests

Action Performed:

Precondition:

• Workspace is connected to QBO.

1. Launch ND or hybrid app.
2. Go to workspace chat.
3. Submit an expense.
4. Go to expense report.
5. Tap on the report header > Export.

Expected Result:

Export page content will be wrapped correctly.

Actual Result:

Export page content is not wrapped correctly.

Workaround:

Unknown

Platforms:

• Android: Standalone
• Android: HybridApp
• Android: mWeb Chrome
• iOS: Standalone
• iOS: HybridApp
• iOS: mWeb Safari
• MacOS: Chrome / Safari
• MacOS: Desktop

Screenshots/Videos

Bug6769435_1741841817543.ScreenRecording_03-13-2025_12-53-55_1.mp4

View all open jobs on GitHub

Upwork Automation - Do Not Edit

• Upwork Job URL: https://www.upwork.com/jobs/~021900115916963772773
• Upwork Job ID: 1900115916963772773
• Last Price Increase: 2025-03-13
• Automatic offers:
• linhvovan29546 | Contributor | 106522723

Issue Owner

Current Issue Owner: @s77rt

[melvin-bot]

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

[linhvovan29546]

🚨 Edited by proposal-police: This proposal was edited at 2025-03-13 05:53:00 UTC.

Proposal

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

Accounting - Export page content is not wrapped correctly

What is the root cause of that problem?

The ConfirmationPage does not extend to the full space, which caused the issue here.

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

We should add containerStyle={styles.flex1} to ConfirmationPage here

App/src/pages/home/report/ReportDetailsExportPage.tsx

Line 89 in 2496dfa

<ConfirmationPage

                <ConfirmationPage
                    containerStyle={styles.flex1}
                    ...
                />

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

N/A, small UI bug

What alternative solutions did you explore? (Optional)

We can wrap ConfirmationPage inside ScrollView with flex.grow1 and add containerStyle={styles.h100} to ConfirmationPage

[melvin-bot]

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

[melvin-bot]

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

[jliexpensify]

Guessing this is an #expense one, feel free to correct me!

[s77rt]

@linhvovan29546 Thanks for the proposal. RCA and solution looks good to me.

🎀 👀 🎀 C+ reviewed
Link to proposal