When a CheckBox is set to enabled: false, the input is missing the k-disabled class. Thus, the checkbox does not have disabled styles applied.
The desired rendering of the component - https://github.com/telerik/kendo-themes/blob/e1dbf1a74980bd82718f40085f6a8e21922f1897/tests/checkbox/checkbox-states.html#L44
The first checkbox is enabled and the second is disabled, but they appear the same.
The input should have the k-disabled class when the checkbox is disabled
<style>
.k-checkbox:disabled{
opacity: 0.6
}
</style>
Dojo - https://dojo.telerik.com/ztwIGjBO
Hi Paul,
Thank you for improving the suggested workaround. I have also updated the related issue in GitHub:
- https://github.com/telerik/kendo-ui-core/issues/8382
Regards,
Neli
Progress Telerik
Note on the workaround - it should also have the following CSS property:
pointer-events: none