Open Bug 1701015 Opened 4 years ago Updated 4 years ago

Select search box's caret is invisible, and its text is the same color as its background

Categories

(Core :: Layout: Form Controls, defect)

Firefox 89
defect

Tracking

()

UNCONFIRMED

People

(Reporter: aminomancer, Unassigned)

References

(Blocks 1 open bug)

Details

User Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:89.0) Gecko/20100101 Firefox/89.0

Steps to reproduce:

  • Set dom.forms.selectSearch to true
  • Go to a page with a long select menulist, like the search category dropdown on amazon.com
  • Click it, scroll to the top of the menulist

Actual results:

  • Textbox is barely usable due to incoherent styling
  • Even with appearance unset and colors overridden, the caret/text cursor is invisible. Maybe there's something I'm missing but I don't think it's a css issue

Expected results:

  • The textbox should be styled like other input elements, especially with the non-native theme enabled
  • There should be contrast between the input color and the field's background color
  • The caret should be visible and the same color as the text

The Bugbug bot thinks this bug should belong to the 'Core::Layout: Form Controls' component, and is moving the bug to that component. Please revert this change in case you think the bot is wrong.

Component: Untriaged → Layout: Form Controls
Product: Firefox → Core
Blocks: 1332301
Severity: -- → S3
You need to log in before you can comment on or make changes to this bug.