Interacting with an input applies k-valid to all others in a form

[Mike]

I just updated our .NET 8 Blazor webapp from Telerik 5.0.1 to 5.1.1. Now, interacting with any input in a form applies validation classes to all other inputs in the form.  I hope this behavior is unintentional as it could lead to user confusion. I believe this was introduced in the 5.0.1 update which was supposed to fix the issue of validation classes being present on initial render. I could find no other documentation or discussion regarding this.

This behavior can be seen in the Form - Validation demo...

Blazor Form Demos - Validation | Telerik UI for Blazor

Type valid input in the Graduate Grade field and all other fields turn green even though they don't have valid input...

Clicking Submit to show that those fields are not valid.

[Hristian Stefanov]

Hi Mike,

Thank you for the provided screenshot and the detailed explanation of the behavior you are experiencing.

I confirm that our components automatically inherit the green border feature due to one of the latest updates in our themes. After a recent discussion with the team responsible for the themes, I can confirm that this feature will be reverted to obtain the proper behavior and will be addressed in the next official release. 

In the meantime, to override the green color in the form, add the following CSS:

<style>
    .k-input-solid.k-valid,
    .k-picker-solid.k-valid {
        border-color: rgba(0, 0, 0, 0.08);
    }
</style>

Let me know if you are facing difficulties with the provided CSS solution.

Regards,
Hristian Stefanov
Progress Telerik

[Mike]

Thank you for the information. It seemed there was no way to prevent .k-valid being applied so I used a similar CSS fix.