Selection controls do not animate when clicking FormControlLabel

[swieder227]

• This is not a v0.x issue.
• I have searched the issues of this repository and believe that this is not a duplicate.

Expected Behavior

When I create RadioGroup > FormControlLabel > Radio, I expect the Radio element to transition in/out when the value changes.

Current Behavior

When you click on the Radio button itself, it does animate. If you click the associated FormControlLabel, it changes value but immediately with no animation.

Steps to Reproduce

Happening across all radios + checkboxes on live demo site

Link: https://material-ui.com/demos/selection-controls

Environment

Tech	Version
Material-UI	v3.3.2
React	^16
Browser	Chrome 70

[oliviertassinari]

@swieder227 Is this a duplicate of #12639?

[swieder227]

Hmm, that issue is nearly the same. I was pointing out that the ripple animation happens if you click the Radio, but does not happen if you click the FormControlLabel.

It's fair enough to close this issue and rely on the more broad #12639 to cover this.

Thanks for quick response :)

[oliviertassinari]

I was pointing out that the ripple animation happens if you click the Radio, but does not happen if you click the FormControlLabel.

@swieder227 Oh, this is expected.