It appears that the text colors (which should be blue) are not displaying correctly until a user hovers over the text or resizes the window.
I attempted to resolve this issue by adjusting the transition property so that it triggers on hover/active states as shown below:
.grey-tab {
.transition(none);
&:hover, &.active {
.transition(all .2s ease);
}
}
Despite multiple attempts, the problem persists. In the past, I used a temporary workaround involving a delayed CSS3 transform to force a redraw of the text. However, I would prefer to address the root cause of the issue, especially since it seems to reoccur in Angular projects.
For further discussion on this matter, refer to the Twitter conversation linked here: https://twitter.com/KMuncie/status/573583334703521793
Any assistance you can provide is greatly appreciated!
Browser: Chrome v41.0.2272.101