Text illisible login form autocomplete chrome

[hamzahamidi]

Deployment type

• [ x] Cloud Foundry Application (cf push)
• Kubernetes, using a helm chart
• Docker, using docker compose
• Docker, single container deploying all components
• Other (please provide below)

Expected behaviour

Actual behaviour

Steps to reproduce the behavior

When trying to Fill out forms automatically with chrome, the text becomes illisible

Log output covering before error and any error statements

Insert log here

[hamzahamidi]

As a temporary fix, I added to stratos-ui/components/app-core/frontend/src/view/login-page/login-form/login-form.scss

input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px $brand-secondary inset !important; }

Is there any advice to fix it in a cleaner way ?

[richard-cox]

I tweaked the solution a bit and moved to an area where we style the 'dark form' used on the log in page. A PR is up (#1372), however our CI pipeline is hitting some issues at the moment. We'll have these cleared up by early next week at the latest though.
Let us know if this doesn't solve the issue and we'll take another look. Thanks!

[hamzahamidi]

It works Perfectly!