www.toptal.com - see bug description

[tagawa]

URL: https://www.toptal.com/designers/colorfilter
Browser / Version: Firefox 52.0
Operating System: Mac OS X 10.11
Problem type: Something else - I'll add details below

Steps to Reproduce

1. Navigate to: https://www.toptal.com/designers/colorfilter
2. Find the "Type a URL" text box.
3. Start entering a URL.

Expected Behavior:
On page load the text box should be pre-filled with the current URL. As you type, your text should be visible.

Actual Behavior:
The text box is blank. As you type, the cursor moves but characters are not visible.

Other info:
The same thing happens on Firefox Dev Edition 54. Safari and Vivaldi seem fine.

From webcompat.com with ❤️

[adamopenweb]

Thanks @tagawa! This is a known issue with padding on inputs, the padding is covering the text.

.formatter__input_field {
  padding: 35px 19px 21px;
}

https://bugzilla.mozilla.org/show_bug.cgi?id=752790

We could reach out to the site and ask them to change the padding on the input so that it does not cover the text in Firefox.

[karlcow]

I have been closing them as duplicate of https://bugzilla.mozilla.org/show_bug.cgi?id=752790
The issue is happening on too many sites.