"A List of Brains To Try" dropdown menu text is not visible except when moused over

[kchawla-pi]

Thank you for your feedback.

Is it a [x] bug report or a [ ] feature request?

Current behaviour

The A List of Brains To Try dropdown menu text and background are the same colour. Only upon trying to select an option (by mousing over) does it become clear that the dropdown list is not empty.

• If this is a bug, please explain how to reproduce the problem
  • Which tools did you use in which sequence?
  • Is the error concerning a text or a volume annotation?
  • Which label set has been used for the volume annotation (if applicable)?
  • What is the type and resolution of your data? (Can you provide a link to your data?)
  • Do not include sensitive information.
  • Upload the browser error message if you are familiar with web developer tools.

Expected behaviour

The text should be clearly legible in the dropdown menu.

Version information (for bug reports)

• Browser + version:
  Microsoft Edge 111.0.1661.62 (Official build)

• Your OS + version:
  Edition Windows 11 Home
  Version 22H2
  OS build 22621.1413
  Experience Windows Feature Experience Pack 1000.22639.1000.0

• Paste the output of these commands:

node --version && npm --version

N/A

[ntraut]

I add a screenshot to illustrate the issue:

The problem is that unlike on other browsers, edge is using css for setting select options colours. It could be solved by choosing colours for them or by reseting them to default:

option {
    background-color: initial;
    color: initial;
}

[kchawla-pi]

An easy PR if the maintainers concur. @katjaq @r03ert0

[r03ert0]

it'd be lovely if you could propose one! We don't use Edge here... we only test in Chrome/Brave in Desktop and Safari in iOS...