[$1000] FEATURE REQUEST: Allow navigating the list in the new group dialog with arrow keys

[mvtglobally]

If you haven’t already, check out our contributing guidelines for onboarding and email contributors@expensify.com to request to join our Slack channel!

---

Action Performed:

1. Open app
2. Navigate to "+" > "New Group"
3. Type anyones name and add
4. Use arrow keys to navigate

Expected Result:

User should be able to user arrow keys

Actual Result:

User is unable to use arrow keys

Workaround:

Can the user still use Expensify without this being fixed? Have you informed them of the workaround?

Platform:

Where is this issue occurring?

• Web
• Desktop App

Version Number: 1.1.37-0
Reproducible in staging?: Y
Reproducible in production?: Y
Logs: https://stackoverflow.com/c/expensify/questions/4856
Notes/Photos/Videos: Any additional supporting documentation

Expensify/Expensify Issue URL:
Issue reported by: @puneetlath
Slack conversation: https://expensify.slack.com/archives/C01GTK53T8Q/p1644356006523069

View all open jobs on GitHub

[MelvinBot]

Triggered auto assignment to @lschurr (AutoAssignerTriage), see https://stackoverflow.com/c/expensify/questions/4749 for more details.

[MelvinBot]

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

[roryabraham]

I have this working on a local branch but am currently scope-creeping and making arrow navigation work on all our OptionsLists, not just NewGroup. The one that's proving trickier is IOUConfirmationList.

[roryabraham]

Just so you know I'm not just making stuff up, here's a draft PR with what I've got so far: #7702 🙃

[roryabraham]

Got my PR done and almost ready for review. It's a bit of a beast so I want to make sure I write up super thorough test / QA steps.