Bootstrap: The `disabled` property value of the custom radio button is not reflected in the display on Microsoft Edge

[4dn-oss]

On Microsoft Edge, on changing the disabled property value of a custom radio button from JavaScript, the display of radio button is not updated. The display of radio button is updated correctly on Firefox (65), Chrome (72.0.3626.96), IE11 (11.590.17134.0).

OS: Windows 10 (1803)
Browser: Microsoft Edge (42.17134.1.0)

Sample: https://codepen.io/4dn-oss/pen/KJeOdz

Expected Behavior: Every time the 'disable/enable' button is clicked, radio buttons will be disabled/enabled.
Result: On Microsoft Edge, radio buttons are always displayed as if it is enabled.

[ysds]

Confirmed on Windows 10 (1809), Microsoft Edge 44.17763.1.0

I found a similer report: https://github.com/IBM/carbon-components/issues/1536

[4dn-oss]

Adding the CSS style [disabled] ~ _ {} introduced in the https://github.com/IBM/carbon-components/issues/1536 seems to solve this issue.

https://codepen.io/4dn-oss/pen/LqJGWQ

[4dn-oss]

In my project, [disabled] ~ _ {} has deleted by webpack production build process. Dummy style such like [disabled]~_{font-size:inherit} solved this probrem.