[openstreetmap/openstreetmap-website] Keyboard navigation: Multiple choice selection (Issue #3749)

[danieldegroot2]

### URL

_No response_

### How to reproduce the issue?

There is some odd behaviour with selecting the reason for reporting a user.
(alt. reporting a note, I haven't tried this for this issue)

1. Go to someone's user profile
2. Click "Report user"
3. Navigate to a report reason using `Tab`. The first choice is not selected yet.
4. Press the `Down` arrow key. The second choice will be automaticly selected.
5. Press the `Up` arrow key. The first choice will now be selected.

---

**Current behaviour** (focus, but no automatic selection for the first choice)
![image](https://user-images.githubusercontent.com/67521919/194767855-1ca74255-fedb-46db-a657-0393f01fcd24.png)

---

**Expected behaviour**
Either
- The choice is automaticly selected like all others; or
- none of the choices are automaticly selected -and have to be selected manually using the arrow keys and space / enter.

---

4. (instead) Press `Space` on the first choice. The first choice will now be selected.
(Noteably, `Space` does not have to be pressed for the other choices.)

4. (instead) Press `Enter` on the first choice. Instead of selecting the first choice, the message preview is toggled on / off, while the message preview button is not in focus.
(Noteably, pressing `Enter` on any other choice does the same thing.)

---

**Current behaviour** (focus, but instead of selecting the first choice, toggles the message preview)
![image](https://user-images.githubusercontent.com/67521919/194767884-de33c782-ff24-4c35-9210-6a8b35415101.png)

---

**Expected behaviour**
Either
- The Enter key selects the first choice like the Space key -and not the message preview-; or
- neither the Enter, nor Space key have to be pressed to select the first choice (as previously outlined).

(Windows 7 Chrome)

### Screenshot(s) or anything else?

_No response_

-- 
Reply to this email directly or view it on GitHub:
https://github.com/openstreetmap/openstreetmap-website/issues/3749
You are receiving this because you are subscribed to this thread.

Message ID: <openstreetmap/openstreetmap-website/issues/3749 at github.com>
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.openstreetmap.org/pipermail/rails-dev/attachments/20221009/171b99a3/attachment-0001.htm>