question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Input field text is very hard to see on Firefox

See original GitHub issue

This issue only affects Firefox and works fine on Chrome/Chromium & Tor Browser

The Issue & Potential Solution

The gif below (click for full resolution) shows how the text in form fields (input tag) appears in Firefox (on the left) vs. Chromium (on the right). In messing around with the CSS I found that the font-weight property is what is affecting this and it seems to have no effect in Chromium-based browsers.

This seems like it could be a pretty easy fix to help Firefox users without affecting other Browser users so I thought I’d submit here for consideration.

Thanks again for a really great product! 😍

Peek 2021-04-03 10-14

Issue Analytics

  • State:open
  • Created 2 years ago
  • Comments:6

github_iconTop GitHub Comments

1reaction
moneymanoliscommented, May 13, 2021

OK, thanks for testing that. I think @k9ert could reproduce it under Linux as well, Kim can you check whether adding input[value]{color: #fff;} helps?

0reactions
moneymanoliscommented, Apr 7, 2022

Thanks for the link, @go-brrr.

Read more comments on GitHub >

github_iconTop Results From Across the Web

the input fields are hard to find | Firefox Support Forum
1esr on my Macbook Pro, I cannot find the text input boxes. There is no outline visible at all until I click somewhere...
Read more >
Firefox line-height issue with input fields - css - Stack Overflow
What I discovered is that Firefox has a default line-height value of 1.2 for input fields which can not be changed. At least...
Read more >
Help, Firefox issues - Can't click inside form fields - SitePoint
I am having some strange issues I have never encountered with firefox right now. I have never had this before in my 14...
Read more >
3 Steps That Help Style HTML Text Input for All Common Web ...
At first site, we see that all text inputs look very similar, except in Safari, and the element length varies from browser to...
Read more >
Disable system style for Firefox form input elements
I'm quite happy with it. However, Firefox seems to inherit certain system colors for its form input elements, making them very difficult to...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found