Radio button selection not displayed in Windows high contrast mode

[JMGordon]

In the IBM Cloud portal the support case form is using the radio button component from carbon-components-react@6.115.3. In Windows high contrast mode radio button selection is not displayed, as can be seen in the below screen shot:

This issue also shows up in the carbon components react storybook:

[johnsteinbacher]

This issue is holding up the Console AVT exit. Because of that it is high priority for us.

[dakahn]

Looking into why our radio button's aren't picking up the HCM styles in our reset. Thanks for reporting. 👍

[dakahn]

Our HCM detecting CSS only applies to our SVG icons -- in this case our radio buttons are CSS made and will need some further styling a la

https://developer.mozilla.org/en-US/docs/Web/CSS/@media/-ms-high-contrast
http://www.gwhitworth.com/blog/2017/04/how-to-use-ms-high-contrast/

[dakahn]

related #1600

[dakahn]

Working on this currently. Watch this space for a PR, folks.

[dakahn]

Have a fix up for Edge/IE. Firefox is tough though -- the -ms-high-contrast: active selector isn't compatible there and supporting HCM formally might involve a larger refactor re-examining creating the active state fill in effect with CSS only.

[dakahn]

I'm lowering the severity since we have a workaround with Edge and Chrome 👍

[dakahn]

With the aforementioned PR #3442 we should have HCM support for MS browsers as well as Chrome (via their high-contrast extension). We do not support High Contrast Mode on Windows for Firefox due to that browsers lack of support for the necessary Microsoft CSS extension used to detect HCM. Though there are Bugzilla proposals for a prefers-contrast media query seen here. We will watch that issue and update accordingly 👍🏽

[elizabethsjudd]

@dakahn has this ☝️ been okay'd by the IBMa team (to post-pone support for Firefox)? Is it possible to get that documented somewhere so our offerings are aware?

[dakahn]

@elizabethsjudd writing up something official we can point to as we speak 👍.

It was a topic during the IBMa morning standup today and they reached consensus that Windows HCM support on Edge, IE, and Chrome was enough.

[dakahn]

wrote up some background at #3478