<option disabled> appears invisible (white text on a white background)

[cvan]

Hardware

Oculus Go

Steps to Reproduce

1. Load https://webxr.sh/dropdowns#multiple-optgroup.
2. Press the <optgroup> field, and scroll down.
3. Notice there is a white gap, a seemingly empty row, where the text Hamster should go.

Current Behavior

In FxR, the text of <option disabled> in an <optgroup> (or <select>) element appears invisible (as white text on a white background).

This is the accompanying HTML:

<optgroup>
  <option value="hamster" disabled>Hamster</option>
</optgroup>

Firefox Reality

Oculus Browser

Firefox for desktop (macOS)

[MortimerGoro]

This looks like a GeckoView issue. The disabled option is correctly displayed in the Prompt Dialog.

[MortimerGoro]

I filed this GeckoView issue: https://bugzilla.mozilla.org/show_bug.cgi?id=1535275

[bluemarvin]

This might be an oculus platform bug? As this works in NoAPI

[MortimerGoro]

@bluemarvin I think it's a random issue. I was able to reproduce it two times, but it was ok on other tries

[bluemarvin]

No one was able to reproduce it today in GV triage.

[cvan]

I can consistently reproduce on Pico G2 (WaveVR) and Oculus Go this highlight issue with <option selected> in <select multiple> and <option disabled> being hidden.

On Pico G2:

[bluemarvin]

I think this might be a Gecko platform bug. I'll see if I can reproduce it in GVE app.

[cvan]

Dan Holbert and I tested this in MV and were unable to reproduce on the Go with the same test case. Probably a graphics bug fixed in a Gecko upgrade since this was reported. Bug resolved as WORKSFORME.