<h:panelGroup styleClass="md-inputfield">

[bjorntj]

The md-inputfield does not work correctly with fields that is auto filled...
If you look the this screenshot:




Regards,

BTJ

[cagatay.civici]

This seems tricky to solve, so I would suggest setting autocomplete off for these two inputs as workaround. We will check to see if there is a solution.

[bjorntj]

Ok, thx...

[fqspl]

What is status of the issue? Will it be fixed in next Ultima release?

[mert.sincan]

Please try;

Code: Select all

body .md-inputfield .ui-inputfield:-webkit-autofill ~ label {
        top: -20px;
        font-size: 12px;
        color: #3F51B5;
}

[fqspl]

What about browser independent solution?
The previously mentioned workaround (autocomplete="off") also doesn't work in case of Firefox.

[bjorntj]

Please try;

Code: Select all

body .md-inputfield .ui-inputfield:-webkit-autofill ~ label {
        top: -20px;
        font-size: 12px;
        color: #3F51B5;
}

Tried this but it did not change anything for me...

BTJ

[mert.sincan]

Interesting! It works fine for me. Which browser are you using?

[mert.sincan]

Also, I researched this issue and found a link about material animation; https://github.com/angular/material/issues/1376

[bjorntj]

I am using Chromium but also Firefox.. It seems to happen more often on Chromium but it doesn't seem like the css code makes any difference.