chrome autofill overlapping labels

<div class="md-form">

<input type="email" id="materialLoginFormEmail" class="form-control" onfocus="onEnter(this)" onblur="onExit(this)">

<label for="materialLoginFormEmail">E-mail</label>

</div>

function onEnter(element) {
if ((element.value !==undefined&& element.value.length >=0) ||$(this).attr('placeholder') !==null) {
element.parentNode.querySelector("label").classList.add("active");
}
}

function onExit(element) {
if ((element.value !==undefined&& element.value.length ==0) ||$(this).attr('placeholder') ===null) {
element.parentNode.querySelector("label").classList.remove("active");
}
}

Magdalena Dembna staff premium commented 6 years ago

Hi, Can you provide a screenshot so I could recreate your issue? Kind regards, Magdalena

---

mantul commented 6 years ago

i open ticket to vue category thanks you

---