-
Notifications
You must be signed in to change notification settings - Fork 1.8k
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
fix(text-input): fix disabled text on dark themes in safari #6680
fix(text-input): fix disabled text on dark themes in safari #6680
Conversation
23cacbb
to
4e8817f
Compare
Deploy preview for carbon-elements ready! Built with commit 83004bb |
Deploy preview for carbon-components-react ready! Built with commit 83004bb https://deploy-preview-6680--carbon-components-react.netlify.app |
Deploy preview for carbon-elements ready! Built with commit 1348023 |
Deploy preview for carbon-components-react ready! Built without sensitive environment variables with commit 1348023 https://deploy-preview-6680--carbon-components-react.netlify.app |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
looks good to me
@@ -156,7 +156,8 @@ | |||
color: $disabled-02; | |||
background-color: $disabled-01; | |||
border-bottom: 1px solid transparent; | |||
|
|||
// Needed to fix disabled text in Safari #6673 | |||
-webkit-text-fill-color: currentColor; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
This is the initial value, it's a noop: https://developer.mozilla.org/en-US/docs/Web/CSS/-webkit-text-fill-color.
Closes #6673
Fixes an issued with disabled text in safari when using dark themes
Changelog
New
Testing / Reviewing
Go to text input, change to
g90
org100
in the preview, and disabled the input