[$250] Web - Expense - Two RHPs open when opening Add receipt modal via TAB key

[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: 1.4.83-0
Reproducible in staging?: Y
Reproducible in production?: N
If this was caught during regression testing, add the test name, ID and link from TestRail: N/A
Issue reported by: Applause - Internal Team

Action Performed:

1. Go to staging.new.expensify.com
2. Go to workspace chat
3. Go to + > Submit expense > Manual
4. Enter amount > Next
5. Using TAB key, open Add receipt modal (below To field, not 3-dot menu)
6. Might need to repeat Step 5 a few times to reproduce this issue

Expected Result:

In Step 5, when opening Add receipt modal via TAB, the modal will slide smoothly from the right

Actual Result:

In Step 5, when opening Add receipt modal via TAB, two RHPs open - one is workspace chat details, another one is Add receipt modal

Workaround:

Unknown

Platforms:

Which of our officially supported platforms is this issue occurring on?

• Android: Native
• Android: mWeb Chrome
• iOS: Native
• iOS: mWeb Safari
• MacOS: Chrome / Safari
• MacOS: Desktop

Screenshots/Videos

Add any screenshot/video evidence

Bug6512089_1718291202757.20240613_230100.mp4

View all open jobs on GitHub

Upwork Automation - Do Not Edit

• Upwork Job URL: https://www.upwork.com/jobs/~0113c5af3ca5595eff
• Upwork Job ID: 1801295262146054436
• Last Price Increase: 2024-06-13

Issue Owner

Current Issue Owner: @jayeshmangwani

[melvin-bot]

Triggered auto assignment to @pecanoro (DeployBlockerCash), see https://stackoverflowteams.com/c/expensify/questions/9980/ for more details.

[github-actions]

👋 Friendly reminder that deploy blockers are time-sensitive ⏱ issues! Check out the open `StagingDeployCash` deploy checklist to see the list of PRs included in this release, then work quickly to do one of the following:

1. Identify the pull request that introduced this issue and revert it.
2. Find someone who can quickly fix the issue.
3. Fix the issue yourself.

[lanitochka17]

@pecanoro FYI I haven't added the External label as I wasn't 100% sure about this issue. Please take a look and add the label if you agree it's a bug and can be handled by external contributors

[lanitochka17]

We think that this bug might be related to #wave-collect - Release 1

[melvin-bot]

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

[melvin-bot]

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

[melvin-bot]

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

[pecanoro]

I can't seem to be able to reproduce this. @jayeshmangwani @anmurali @mountiny Can you guys double check?

[jayeshmangwani]

@pecanoro I am not able to reproduce this in main, though I can reproduce on staging

[pecanoro]

I tried on staging and I can't haha Maybe it's some weird edge case?

[pecanoro]

I am going to leave it open for suggestions but remove the deploy blocker label.

[jayeshmangwani]

Weirdly, after trying a few times, I am now able to reproduce it on the main branch too. 😕

2-RHP.mov

[mountiny]

Also could not repro

[MelvinBot]

This has been labelled "Needs Reproduction". Follow the steps here: https://stackoverflowteams.com/c/expensify/questions/16989

[melvin-bot]

@pecanoro, @anmurali, @jayeshmangwani Eep! 4 days overdue now. Issues have feelings too...

[pecanoro]

I am going to close it since I tried again and it seems to be working fine