Invalid Form class has property(display) !important added which is restricting to override error display.

geet365 commented 1 month ago

Prerequisites

[X] I have read the Contributing Guidelines.
[X] I have not leaked any internal/restricted information like screenshots, videos, code snippets, links etc.

What happened?

We are facing issue overriding CSS class invalid-feedback used in form for the case if form is invalid, this invalid-feedback has property added as display: none !important which is basically taking precedence and restricting to override sie-lib-cssfix siemenslib-issue1 this property.

What type of frontend framework are you seeing the problem on?

Angular

Which version of iX do you use?

v2.0.3

Code to produce this issue.

It can be reproduced while using form component which has fields invalid.
CSS class used below -

form:not(.was-validated) .invalid-feedback, 
form:not(.was-validated) .valid-feedback {
   display: none !important;
}

danielleroux commented 1 month ago

Thanks for the issue! This issue has been labeled as needs reproduction.

To help us assist you better, could you please provide a way for us to access the code (such as a GitHub repository or a StackBlitz link). Without a reliable code reproduction, it might be challenging for us to resolve the issue, and we may have to close it. Thank you for your understanding!

geet365 commented 1 month ago

Thanks for your quick response.

Not sure that I can share my project repo access with you, Please ping me in the Teams chat so that we can connect and reproduce locally in my system.

Email - kumari.sangeeta@siemens.com

siemens / ix