Materalize css: метка электронной почты и пароль перекрываются при автоматическом заполнении браузера

Question

Я использую materalize css для формы входа и регистрации. В поле электронной почты и пароля у меня есть проблемы с перекрытием как в форме регистрации, так и в форме входа.

<div class="row" style="margin-top: 21px;">
    <div class="input-field col s12">
        <input  id="email" type="email" class="validate" name="user_login" 
         required="" autocomplete="off" >
        <label for="email">Email Address</label>
    </div>
    <div class="input-field col s12">
        <input id="password" type="password" class="autofill validate" 
        name="password" required="">
        <a  class="forgot" href="{"auth.recover_password"|fn_url}">Forgot?</a>
        <label for="password">Password</label>
    </div>
</div>

В JS

$(document).ready(function() {
    M.updateTextFields();
});

вывод кода: https://prnt.sc/jmshv1

Answer 1

Убедитесь, что вы включили файлizeize js file.Ваш код работает, когда файл JS включен.

<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0-beta/js/materialize.min.js"></script>

jsfiddle link - https://jsfiddle.net/eof64tuh/