[$250] Scan - Help page opens but user remains on Receipt page

[IuliiaHerets]

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.11-0
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
Email or phone of affected tester (no customers): Slottwo1+o@gmail.com
Issue reported by: Applause Internal Team
Device used: Redminote 10s android 13
App Component: Money Requests

Action Performed:

1. Launch app
2. Open a scan expense - receipt
3. Tap help icon
4. Tap back button

Expected Result:

Tapping the help icon should navigate the user to the help page.

Actual Result:

In receipt page, tapping help icon user remains in same although help page is opened and tapping back button user can view help page opened.

Workaround:

Unknown

Platforms:

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

Screenshots/Videos

Bug6766987_1741672414690.Screenrecorder-2025-03-11-11-18-27-218.mp4

View all open jobs on GitHub

Upwork Automation - Do Not Edit

• Upwork Job URL: https://www.upwork.com/jobs/~021900160322380427589
• Upwork Job ID: 1900160322380427589
• Last Price Increase: 2025-03-20

Issue Owner

Current Issue Owner: @abdulrahuman5196

[melvin-bot]

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

[laurenreidexpensify]

@IuliiaHerets I can't reproduce this using the steps outlined - can you please break these down much more specifically?

[IuliiaHerets]

@laurenreidexpensify To get the help button to appear, change the language to Spanish and then back to English, then follow the steps

[melvin-bot]

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

[melvin-bot]

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

[daledah]

🚨 Edited by proposal-police: This proposal was edited at 2025-03-17 04:55:49 UTC.

Proposal

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

In receipt page, tapping help icon user remains in same although help page is opened and tapping back button user can view help page opened.

What is the root cause of that problem?

The Receipt page is a modal, and modals always appear at the topmost layer of the UI.
When the user views the Receipt page and taps the Help button, the Help page opens — but it appears behind the Receipt modal.

This is why, when tapping the Help icon on the Receipt page, the user remains stuck on the same screen, even though the Help page has actually loaded in the background.

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

We can hide the help button in the modal in:

App/src/components/AttachmentModal.tsx

Line 526 in 703cdf4

<HeaderWithBackButton

when using it in TransactionReceiptPage.tsx. Do it in other page such as ReportAttachments.tsx if we also want to hide the help button.

Or, we can close the modal before opening the help panel in:

App/src/components/SidePane/HelpButton.tsx

Line 35 in 703cdf4

onPress={() => {

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

N/A: UI issue.

What alternative solutions did you explore? (Optional)

One approach is to display the <SidePane /> inside the AttachmentModal. This way, when the Help button is clicked within the modal, the Help page would appear on the right-hand side of the modal content on desktop. For mobile, the Help page would instead appear on top of the modal content to ensure it's fully visible.

A few style adjustments are needed to ensure the modal view displays properly on desktop devices.

Screen.Recording.2025-03-17.at.11.47.09.mov