App: [$1000] Web - When deleting a message, you cannot use arrows to toggle between "Delete" and "Cancel"

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. Write a message on composer and send it
2. Edit it by pressing arrow key up and delete the entire message and hit enter
3. A modal opens asking if you want to confirm the deletion
4. Hit left arrow to attempt to cancel the message

Expected Result:

In the delete box, you cannot select the cancel button with arrows

Actual Result:

Message gets deleted because you cannot focus the cancel button with arrow keys.

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: 1.3.32.5 Reproducible in staging?: y Reproducible in production?: y 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

https://github.com/Expensify/App/assets/93399543/23ea2cc9-eca4-4026-b20c-9e10fd4bce1f

https://github.com/Expensify/App/assets/93399543/3acd6bc7-8c8e-4d36-80c4-46d1ea056e7d

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

View all open jobs on GitHub

Upwork Automation - Do Not Edit

• Upwork Job URL: https://www.upwork.com/jobs/~018188fb2901398792
• Upwork Job ID: 1675046551407325184
• Last Price Increase: 2023-07-08