-
|
Hello, I recently found that the input placeholder's opacity changes when the browser is Mozilla Firefox. For example, open this sandbox in Mozilla Firefox and we can see that the placeholder's style differs from the custom div's style, though I am using the same color from the input placeholder. If the sandbox is opened in another browser (for example, Edge), the placeholders look the same: Is this the expected behavior? Also, after adding this CSS class: input::placeholder {
opacity: 1;
}placeholders look the same in Mozilla Firefox. |
Beta Was this translation helpful? Give feedback.
Replies: 1 comment 1 reply
-
|
looks like this is documented behavior in firefox. https://developer.mozilla.org/en-US/docs/Web/CSS/::placeholder#opaque_text does it cause any usability issues? placeholder text should not be used for critical information (that is what the label should be used for), so i wouldn't mind just leaving it as-is. |
Beta Was this translation helpful? Give feedback.
-
|
update: we fixed it after all in ^2.12.3 |
Beta Was this translation helpful? Give feedback.
looks like this is documented behavior in firefox. https://developer.mozilla.org/en-US/docs/Web/CSS/::placeholder#opaque_text
does it cause any usability issues? placeholder text should not be used for critical information (that is what the label should be used for), so i wouldn't mind just leaving it as-is.