The styling of radio options and checkboxes has some issues when validation is applied and the disabled prop is set to true
🪜 How to reproduce
With a checkbox (or radio), with error validation set and helperText set to a value. Note how validation is shown & the label is red (helperText remains grey).
Now set the disabled prop to true. The validation is correctly removed, but the label remains red and the helperText becomes red:
🧐 Expected behaviour
To be confirmed as, for other components like textfield and select, when disabled is set to true, no red validation state is shown:
Summary of the bug
The styling of radio options and checkboxes has some issues when validation is applied and the
disabledprop is set totrue🪜 How to reproduce
With a checkbox (or radio), with
errorvalidation set andhelperTextset to a value. Note how validation is shown & the label is red (helperText remains grey).Now set the
disabledprop totrue. The validation is correctly removed, but the label remains red and the helperText becomes red:🧐 Expected behaviour
To be confirmed as, for other components like textfield and select, when
disabledis set totrue, no red validation state is shown: