Expensify / App

Welcome to New Expensify: a complete re-imagination of financial collaboration, centered around chat. Help us build the next generation of Expensify by sharing feedback and contributing to the code.
https://new.expensify.com
MIT License
3.56k stars 2.9k forks source link

mWeb - Chat -Contextual menu does not close on selecting delete, edit comment & reply in thread opt #52744

Open IuliiaHerets opened 1 hour ago

IuliiaHerets commented 1 hour ago

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.0.64-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: https://expensify.testrail.io/index.php?/tests/view/5237958 Email or phone of affected tester (no customers): applausetester+ck31118@applause.expensifail.com Issue reported by: Applause Internal Team

Action Performed:

  1. Navigate to staging.new.expensify.com
  2. Go to 1:1 DM
  3. Send message
  4. Long press on the message for the action menu to open
  5. Select either, delete comment, edit comment or reply in thread options (Note: Contextual menu does not close)
  6. Select any of the 3 emojis displayed in the menu (Note: Contextual menu does not close)

Expected Result:

Contextual menu should close automatically when selecting delete comment, edit commnet or reply in thread options

Actual Result:

Contextual menu does not close automatically when selecting delete, edit comment & reply in thread options When delete comment option is selected, the action menu does not close & the confirmation modal is displayed behind the action menu. Same issue happens when selecting reply in thread & edit comment options. User has to tap anywhere outside to close the menu

Workaround:

Unknown

Platforms:

Screenshots/Videos

https://github.com/user-attachments/assets/2e9ebe0b-1d17-4f74-9805-27839032acb3

View all open jobs on GitHub

Issue OwnerCurrent Issue Owner: @teneeto
melvin-bot[bot] commented 1 hour ago

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

melvin-bot[bot] commented 1 hour ago

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

melvin-bot[bot] commented 1 hour ago

💬 A slack conversation has been started in #expensify-open-source

github-actions[bot] commented 1 hour ago

:wave: 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.
nkdengineer commented 1 hour ago

Proposal

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

Contextual menu does not close automatically when selecting delete, edit comment & reply in thread options When delete comment option is selected, the action menu does not close & the confirmation modal is displayed behind the action menu. Same issue happens when selecting reply in thread & edit comment options. User has to tap anywhere outside to close the menu

What is the root cause of that problem?

This comes from https://github.com/Expensify/App/pull/52021

We removed the logic to close the context menu here

https://github.com/Expensify/App/blob/f77087f02a42e17e7da7420528cc51b54003ca61/src/pages/home/report/ContextMenu/ReportActionContextMenu.ts#L66-L68

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

We should bring this back and we can only hide the context menu if we're in small screen width

if (!shouldDelay) { 
     contextMenuRef.current.hideContextMenu(onHideCallback);
     return; 
}

https://github.com/Expensify/App/blob/f77087f02a42e17e7da7420528cc51b54003ca61/src/pages/home/report/ContextMenu/ReportActionContextMenu.ts#L66-L68

What alternative solutions did you explore? (Optional)

rojiphil commented 1 hour ago

@teneeto Can we raise a quick PR to fix this?

teneeto commented 59 minutes ago

Adding a fix now

teneeto commented 59 minutes ago

Please assign issue to me

melvin-bot[bot] commented 19 minutes ago

⚠️ Looks like this issue was linked to a Deploy Blocker here

If you are the assigned CME please investigate whether the linked PR caused a regression and leave a comment with the results.

If a regression has occurred and you are the assigned CM follow the instructions here.

If this regression could have been avoided please consider also proposing a recommendation to the PR checklist so that we can avoid it in the future.