Problem z zapamiętanym hasłem w przeglądarce Chrome.
Zrobiłem inputy z labelkami które podjeżdżają do góry w momencie kliknięcia (zamiast placeholdera). Mam problem z Chromem ponieważ nie wykrywa zapamiętanego hasła i label zasłania je (po kliknięciu gdziekolwiek wszystko wraca do normy).
Ktoś wie jak to rozwiązać?
Po wejściu na stronę labelka jest na inpucie, w momencie kliknięcia podjeżdża do góry (po zdjęciu focusa opada). Natomiast jak zaczniemy coś wpisywać to nadawana jest odpowiednia klasa i zawsze jest nad inputem.
var inputs = $('#loginForm input');
var labels = $('#loginForm label');
$.each(inputs, function(index) {
var input = $(this);
var label = $("label[for='"+this.id+"']");
input.on('input', function() {
if ( input.val() ) {
label.removeClass("label-invalid").addClass("label-valid");
input.removeClass("input-invalid").addClass("input-valid");
}
else {
label.removeClass("label-valid").addClass("label-invalid");
input.removeClass("input-valid").addClass("input-invalid");
}
})