[HOLD on pull/64717] On mobile if you try to open the debug console it opens behind the pop up so you can’t read or interact with it

[m-natarajan]

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?:
If this was caught during regression testing, add the test name, ID and link from TestRail:
Email or phone of affected tester (no customers):
Logs: https://stackoverflow.com/c/expensify/questions/4856
Expensify/Expensify Issue URL:
Issue reported by: @coleaeason
Slack conversation (hyperlinked to channel name): #Expensify Bugs

Action Performed:

Precondition: Enable 'Client side logging" in troubleshoot

1. Launch the app
2. Do the four finger tap
3. Click " View Console"

Expected Result:

When opening the debug console on mobile, it should appear above all other UI elements (including popups), allowing the user to read and interact with it.

Actual Result:

The debug console opens behind the popup, making it unreadable and impossible to interact with.

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

ScreenRecording_06-17-2025.17-36-07_1.MP4

View all open jobs on GitHub

Upwork Automation - Do Not Edit

• Upwork Job URL: https://www.upwork.com/jobs/~021937615725310779073
• Upwork Job ID: 1937615725310779073
• Last Price Increase: 2025-06-24
• Automatic offers:
• nyomanjyotisa | Contributor | 107871825

[melvin-bot]

Triggered auto assignment to @twisterdotcom (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]

Proposal

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

On mobile if you try to open the debug console it opens behind the pop up so you can’t read or interact with it

What is the root cause of that problem?

We are navigating without dismissing the test tool modal here

App/src/components/TestToolsModalPage.tsx

Line 55 in 461fb5a

Navigation.navigate(route);

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

We need to first dismissModal

                                        toggleTestToolsModal();
                                        Navigation. navigate(route);

or

                                        Navigation.goBack();// or dismissModal
                                        Navigation. navigate(route);

or We can optionally use goBack so that it will dismiss the test tooltip first

                                        Navigation.goBack(route);

If we want we can toggleTestToolsModal the test tooltip when coming back from the console page if we want to show the modal when going back from console page.
If needed we can specifically apply this case only for mobile.
We can apply similar dismissing modal if there are cases we navigate to other pages in the test tool modal.

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]

@twisterdotcom Huh... This is 4 days overdue. Who can take care of this?

[melvin-bot]

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

[melvin-bot]

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