OfficeDev/office-ui-fabric-core

In Safari, the color of text in a disabled TextField is not legible

jrop opened this issue · 2 comments

jrop commented

In Safari (Version 13.0.2 (15608.2.30.1.1)) and @uifabric/styling@7.4.0, the color of text in a disabled TextField is not legible (see the screenshots below). After playing around with the CSS, and some help from this StackOverflow answer, the following seems to fix the issue:

.ms-TextField.is-disabled .ms-TextField-field {
  -webkit-text-fill-color: rgb(161,159,157);
}

Without the above styles, the TextField appears as:
image

With the style above applied, it appears correctly:
image

Jahnp commented

Hi there @jrop, apologies for the delay. It looks like this issue is for https://github.com/OfficeDev/office-ui-fabric-react/. This repo is for Office UI Fabric Core, which only contains basic CSS styling. If this issue still repros for you today, please reopen it using one of Fabric React's issue templates.

Because this issue applies to that repo, I'm going to go ahead and close this.

jrop commented

@Jahnp Thanks for the info. It looks like this recently got fixed in OfficeDev/office-ui-fabric-react#10808