Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Dev: Web - Incorrect Screen when Clicking CMD+K while Year Selection Modal is opened. #27160

Closed
1 of 6 tasks
kbecciv opened this issue Sep 11, 2023 · 48 comments
Closed
1 of 6 tasks
Assignees
Labels
Bug Something is broken. Auto assigns a BugZero manager. Daily KSv2 Engineering Internal Requires API changes or must be handled by Expensify staff

Comments

@kbecciv
Copy link

kbecciv commented Sep 11, 2023

If you haven’t already, check out our contributing guidelines for onboarding and email [email protected] to request to join our Slack channel!


Action Performed:

  1. Open profile, then open personal details
  2. Open DOB, Select the year
  3. Press CMD+K

Expected Result:

Search page should open

Actual Result:

YearModal is on top of searchmodal, closing year modal open Search page which is incorrect.

Workaround:

Unknown

Platforms:

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

  • Android / native
  • Android / Chrome
  • iOS / native
  • iOS / Safari
  • MacOS / Chrome / Safari
  • MacOS / Desktop

Version Number:
Reproducible in staging?: Yes, v1.3.67-3
Reproducible in production?: Yes, v1.3.66-3
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
Notes/Photos/Videos: Any additional supporting documentation

Screen.Recording.2023-09-11.at.8.19.24.PM.mov

Expensify/Expensify Issue URL:
Issue reported by: @ishpaul777
Slack conversation: https://expensify.slack.com/archives/C049HHMV9SM/p1694443603230179

View all open jobs on GitHub

Upwork Automation - Do Not Edit
  • Upwork Job URL: https://www.upwork.com/jobs/~01a5b8a53241ab3b2d
  • Upwork Job ID: 1711342041166319616
  • Last Price Increase: 2023-10-09
@kbecciv kbecciv added DeployBlockerCash This issue or pull request should block deployment Needs Reproduction Reproducible steps needed labels Sep 11, 2023
@OSBotify
Copy link
Contributor

👋 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.

@melvin-bot
Copy link

melvin-bot bot commented Sep 11, 2023

Triggered auto assignment to @arosiclair (Engineering), see https://stackoverflow.com/c/expensify/questions/4319 for more details.

@roryabraham
Copy link
Contributor

@arosiclair I found a solution to this one

@roryabraham roryabraham self-assigned this Sep 11, 2023
@arosiclair arosiclair removed their assignment Sep 11, 2023
@roryabraham
Copy link
Contributor

Confirmed that this was not caused by #26346

@roryabraham
Copy link
Contributor

Quick summary of my solution to this problem:

  • The NewDatePicker always uses push-to-page for the year selection
  • The YearPickerModal is not a react-navigation screen – it's just a Modal. However, in order for the browser back button and keyboard navigation to work correctly, we can't really use a plain Modal component.
  • So in order to make the NewDatePicker work, we need to provide the route we want it to open for the year picker.

So the changes I'll make are:

  • Refactor YearPickerModal so that it's not a modal, just a YearPicker
  • Create a new route at settings/profile/personal-details/date-of-birth/year, and a corresponding screen in the SettingsModalNavigator. It will take in the props for the YearPicker via its route.params
  • Then update NewDatePicker to accept a prop for the yearPickerRoute. Instead of rendering the YearPickerModal it will just navigate to the route provided by yearPickerRoute and inject the correct props into the route params

@roryabraham
Copy link
Contributor

@ishpaul777
Copy link
Contributor

ishpaul777 commented Sep 11, 2023

the same issue is reproduceable for StatePickerModal. @roryabraham

Screen.Recording.2023-09-11.at.10.59.38.PM.mov

@arosiclair
Copy link
Contributor

Reproduced on prod v1.3.66-3 so not a blocker. Also repro'd on staging v1.3.67-3

Screen.Recording.2023-09-11.at.3.20.33.PM.mov

@arosiclair arosiclair added Daily KSv2 and removed DeployBlockerCash This issue or pull request should block deployment Hourly KSv2 Needs Reproduction Reproducible steps needed labels Sep 11, 2023
@arosiclair
Copy link
Contributor

I'm not seeing any existing issues for this so getting BZ on this

@arosiclair arosiclair added Bug Something is broken. Auto assigns a BugZero manager. and removed Engineering labels Sep 11, 2023
@melvin-bot
Copy link

melvin-bot bot commented Sep 11, 2023

Triggered auto assignment to @michaelhaxhiu (Bug), see https://stackoverflow.com/c/expensify/questions/14418 for more details.

@melvin-bot
Copy link

melvin-bot bot commented Sep 11, 2023

Bug0 Triage Checklist (Main S/O)

  • This "bug" occurs on a supported platform (ensure Platforms in OP are ✅)
  • This bug is not a duplicate report (check E/App issues and #expensify-bugs)
    • If it is, comment with a link to the original report, close the issue and add any novel details to the original issue instead
  • This bug is reproducible using the reproduction steps in the OP. S/O
    • If the reproduction steps are clear and you're unable to reproduce the bug, check with the reporter and QA first, then close the issue.
    • If the reproduction steps aren't clear and you determine the correct steps, please update the OP.
  • This issue is filled out as thoroughly and clearly as possible
    • Pay special attention to the title, results, platforms where the bug occurs, and if the bug happens on staging/production.
  • I have reviewed and subscribed to the linked Slack conversation to ensure Slack/Github stay in sync

@ishpaul777
Copy link
Contributor

ishpaul777 commented Sep 11, 2023

@arosiclair in prod and staging the keyboard shortcuts working but on dev main the YearPicker modal not closing and is on top on search page, when cmd+k pressed for search navigation

@Expensify Expensify deleted a comment from melvin-bot bot Sep 28, 2023
@michaelhaxhiu
Copy link
Contributor

(wowa sorry about the multiple assignments - melvin puked. Gonna leave this with Isa for ease! This is real close to completion)

@arosiclair
Copy link
Contributor

Confirmed reverting #27639 re-introduces the issue 👍 @isabelastisser

@melvin-bot
Copy link

melvin-bot bot commented Oct 2, 2023

@arosiclair @isabelastisser this issue is now 3 weeks old. There is one more week left before this issue breaks WAQ. What needs to happen to get a PR in review this week? Please create a thread in #expensify-open-source to discuss. Thanks!

@isabelastisser
Copy link
Contributor

hey @arosiclair, what does it mean? 😬 What are the next steps here? Is all we need to do pay @ishpaul777 #27160 (comment)? If yes, the new bug report amount?

@arosiclair
Copy link
Contributor

Is all we need to do pay @ishpaul777 #27160 (comment)? If yes, the new bug report amount?

Yes exactly. Bug report payment for @ishpaul777 would be $50 per this comment

@melvin-bot melvin-bot bot added the Overdue label Oct 5, 2023
@melvin-bot
Copy link

melvin-bot bot commented Oct 6, 2023

@arosiclair, @isabelastisser Uh oh! This issue is overdue by 2 days. Don't forget to update your issues!

@arosiclair
Copy link
Contributor

Looks like @isabelastisser is now OOO 🙃. Re-applying Bug so we can finally get this closed out

@melvin-bot melvin-bot bot removed the Overdue label Oct 9, 2023
@arosiclair arosiclair added Bug Something is broken. Auto assigns a BugZero manager. and removed Bug Something is broken. Auto assigns a BugZero manager. labels Oct 9, 2023
@melvin-bot
Copy link

melvin-bot bot commented Oct 9, 2023

Triggered auto assignment to @peterdbarkerUK (Bug), see https://stackoverflow.com/c/expensify/questions/14418 for more details.

@melvin-bot
Copy link

melvin-bot bot commented Oct 9, 2023

Bug0 Triage Checklist (Main S/O)

  • This "bug" occurs on a supported platform (ensure Platforms in OP are ✅)
  • This bug is not a duplicate report (check E/App issues and #expensify-bugs)
    • If it is, comment with a link to the original report, close the issue and add any novel details to the original issue instead
  • This bug is reproducible using the reproduction steps in the OP. S/O
    • If the reproduction steps are clear and you're unable to reproduce the bug, check with the reporter and QA first, then close the issue.
    • If the reproduction steps aren't clear and you determine the correct steps, please update the OP.
  • This issue is filled out as thoroughly and clearly as possible
    • Pay special attention to the title, results, platforms where the bug occurs, and if the bug happens on staging/production.
  • I have reviewed and subscribed to the linked Slack conversation to ensure Slack/Github stay in sync

@melvin-bot
Copy link

melvin-bot bot commented Oct 9, 2023

@arosiclair @peterdbarkerUK this issue is now 4 weeks old and preventing us from maintaining WAQ. This should now be your highest priority. Please post below what your plan is to get a PR in review ASAP. Thanks!

@melvin-bot melvin-bot bot added the Internal Requires API changes or must be handled by Expensify staff label Oct 9, 2023
@melvin-bot
Copy link

melvin-bot bot commented Oct 9, 2023

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

@melvin-bot
Copy link

melvin-bot bot commented Oct 9, 2023

Triggered auto assignment to Contributor Plus for review of internal employee PR - @aimane-chnaif (Internal)

@peterdbarkerUK
Copy link
Contributor

peterdbarkerUK commented Oct 10, 2023

Offer sent @ishpaul777 :)

$50 to @ishpaul777 for bug report

@ishpaul777
Copy link
Contributor

Thank you @peterdbarkerUK accepted the offer!

@0xmiros
Copy link
Contributor

0xmiros commented Oct 12, 2023

Can we fix this bug here? #27639 which closed this GH caused this bad regression.
The regression period is over so we can't request original PR author/reviewer to fix this.

Repro step:

  1. Open FAB menu and then close
  2. Press Cmd+K
  3. Expects to open Search page but nothing happens (BUG)
  4. Open FAB menu again and then close
  5. Search page automatically opens this time (another BUG)
Screen.Recording.2023-10-12.at.7.03.11.PM.mov

This is also blocking #28249

cc: @AndrewGable

@pradeepmdk
Copy link
Contributor

Can we fix this bug here? #27639 which closed this GH caused this bad regression. The regression period is over so we can't request original PR author/reviewer to fix this.

Repro step:

  1. Open FAB menu and then close
  2. Press Cmd+K
  3. Expects to open Search page but nothing happens (BUG)
  4. Open FAB menu again and then close
  5. Search page automatically opens this time (another BUG)

Screen.Recording.2023-10-12.at.7.03.11.PM.mov
This is also blocking #28249

cc: @AndrewGable

@0xmiroslav i think this is different bug #29341

@pradeepmdk
Copy link
Contributor

pradeepmdk commented Oct 12, 2023

and this bug from this PR https://github.com/Expensify/App/pull/29251/files they forgot to close the modal on cleanup function

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Bug Something is broken. Auto assigns a BugZero manager. Daily KSv2 Engineering Internal Requires API changes or must be handled by Expensify staff
Projects
None yet
Development

No branches or pull requests