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
- 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](https://private-user-images.githubusercontent.com/16740469/303980398-f95fd223-3c7c-4a09-b916-b334e2aaa01b.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTcxNjAxNDEsIm5iZiI6MTcxNzE1OTg0MSwicGF0aCI6Ii8xNjc0MDQ2OS8zMDM5ODAzOTgtZjk1ZmQyMjMtM2M3Yy00YTA5LWI5MTYtYjMzNGUyYWFhMDFiLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA1MzElMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNTMxVDEyNTA0MVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWVlN2Q0NWMzZjZhOTdiZTBkNWY3ZTNmYjZiOGVkYmEyMTJiZTIxYmI3YmIwODkxM2FiZGYzNmVmNTJlNTc4MDYmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.kaOMGYDYSYL_5_cjx1WK24oPuUqnvY74XjzTgwCZa_s)
![Screenshot 2024-02-11 at 10 18 28 PM](https://private-user-images.githubusercontent.com/16740469/303980422-74be1bb2-cae6-4a99-878c-b3e3eda9fe0f.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTcxNjAxNDEsIm5iZiI6MTcxNzE1OTg0MSwicGF0aCI6Ii8xNjc0MDQ2OS8zMDM5ODA0MjItNzRiZTFiYjItY2FlNi00YTk5LTg3OGMtYjNlM2VkYTlmZTBmLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA1MzElMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNTMxVDEyNTA0MVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTFkMzI1OTMyNmZjNDA4MjVjYTBiODY4MDM1OGEwZWUzY2ZjYTZlZGI5MTc3MzEzMzI0MTkyNTNhMzYzYTI3NTkmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.OHje3kXHpHpREG3DJdNNxIzqg-DYlzOwLf_FvdwEFt8)
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
- I have read the Community Participation Guidelines.
- I have verified that there isn't already an issue that reports the same bug to avoid creating a duplicate.
- I have checked that this is a concrete bug. For Q&A open a GitHub Discussion.
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.