Fix properly autofill background color

web
mobile

Topic: Fix properly autofill background color

digitalmanagerguru pro asked 6 months ago

Expected behavior expected

Actual behavior actual

Resources I've applied your fix from here: https://mdbootstrap.com/docs/vue/forms/inputs/#background-fix but it doesn't solved it properly, because the validations icons doesnt appear above the autofill background.

How can I solve this properly? Your library should handle a way to bypass this problem.

Best Regards


Mikołaj Smoleński staff commented 4 weeks ago

Hi there,

Could you please send me the code of that form?

Best regards


digitalmanagerguru pro commented 4 weeks ago

This is my current code: https://mdbootstrap.com/snippets/vue/digitalmanagerguru/1079104


Mikołaj Smoleński staff commented 4 weeks ago

I tested it and added to our list of issues. The browser is overwritting our stylesheets using !important rule which makes it difficult to fix.

Best regards


digitalmanagerguru pro commented 4 weeks ago

Exactly, what I did in my first scratch using jQuery was an workaround, I added an <i class='validation form-control'></i> after input and label. And jquery to add is-valid and is-invalid to that i and to input class, that way it would add above the input field the new icon from that i. I know this is not an easy thing to fix it properly, but there are some workarounds, would be great to have a way to do it with mdb-input. Let me know please after you guys have this fixed.


Mikołaj Smoleński staff commented 4 weeks ago

I let you know as soon as we fix the issue. Best regards


digitalmanagerguru pro commented 4 weeks ago

Any news about this?


Mikołaj Smoleński staff commented 4 weeks ago

We're still working on that issue. Best regards


Please insert min. 20 characters.
Status

Answered

Specification of the issue
  • User: Pro
  • Premium support: No
  • Technology: Vue
  • MDB Version: 5.8.0
  • Device: Desktop
  • Browser: Chrome
  • OS: Win.10
  • Provided sample code: No
  • Provided link: Yes