Arrow keys in language dropdown list in dashboard settings close the list

[KalleOlaviNiemitalo]

Is there an existing issue for this?

• I have searched the existing issues

Describe the bug

In the Aspire dashboard settings, if I try to browse the language dropdown list by pressing the arrow keys on the keyboard, then the language change takes effect immediately and the settings panel closes.

Expected Behavior

It should be possible to browse the language dropdown list by using the arrow keys on the keyboard, without the language change taking effect immediately. The change should take effect only when the user confirms it by pressing Enter or otherwise intentionally closing the dropdown list.

Steps To Reproduce

Start the Aspire dashboard and open it in a Microsoft Edge browser window.

Click the gear icon at the top right corner of the page. The "Settings" panel opens.

Click the "Language" dropdown list with the mouse. The list opens and shows the names of some languages. The "English" language is initially selected (otherwise the dropdown list would not have been labeled "Language").

Press the down arrow key on the keyboard. This moves the selection from "English" to "Español". Bug: The "Language" dropdown list immediately closes, the "Settings" panel closes, and the language of the page changes to Spanish.

Exceptions (if any)

None.

.NET Version info

Aspire version: 13.2.1
Runtime: .NET 8.0.25

.NET SDK:
 Version:           8.0.419
 Commit:            dd994f60cd
 Workload version:  8.0.400-manifests.c0cf4bfd
 MSBuild version:   17.11.48+02bf66295

Runtime Environment:
 OS Name:     Windows
 OS Version:  10.0.26200
 OS Platform: Windows
 RID:         win-x64
 Base Path:   C:\Program Files\dotnet\sdk\8.0.419\

Anything else?

Pressing Ctrl + an arrow key on the keyboard moves the selection but keeps the dropdown list open, and pressing Enter then confirms the change. This is how it should work without Ctrl, too.