mdn / yari

The platform code behind MDN Web Docs

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Search Bar Text Color

CubeOfCheese opened this issue · comments

Summary

The big, central search bar on the main page #hp-search-input displays the typed text in black. The background is also black so it appears as if you are not typing. I tested in Firefox, Safari, and Vivaldi and both Safari and Vivaldi displayed the text, but in Firefox the text is not visible. It is black text on a black background.

URL

https://developer.mozilla.org/en-US/

Reproduction steps

  1. Type in the large search bar in the center

Expected behavior

Search Query Text should display in white.

Actual behavior

The text is black, blending in with the background so it is unable to be seen.

Device

Laptop

Browser

Firefox

Browser version

Stable

Operating system

Mac OS

Screenshot

Screenshot 2024-02-11 at 10 18 17 PM Screenshot 2024-02-11 at 10 18 28 PM

Anything else?

It looks like the nav search bar is using this property and the big search bar is not

color: var(--text-primary);

Validations

Hi, thank you for reporting an issue. I just tried to reproduce this, but it is all working as expected, on a similar environment (what version of MacOs are you using?), same browser.

Could you please try again and verify the issue is still valid? We did not receive any similar reports yet, so I am curious.

Thanks again for taking the time to report!

I'm surprised there haven't been similar reports. It affects all of my students computers in my computer lab. It's been like this for months, I just finally got around to reporting it. I'll get you version information when I get back in the lab in the morning

Could you please report what about:support in Firefox tells? You can use my github email address if you are concerned about leaking information. You can also restart Firefox from that page without extensions in Troubleshooting Mode, maybe it is some extension that gets in the way. Thanks!

Okay I think that uncovered the issue. The student's computers are running 89.0.2. I had to get around IT's managed install, but once I installed the current version 122.0.1, the search bar looked normal.

Ah good to hear! Closing this.