Материализация этикетки перекрывается в процессе производства env

Question

Я использую материализацию для своей веб-страницы, и проблема заключается в том, что метка перекрывается с полем над текстом, эта проблема возникает только в производственной среде, но отлично работает в разработке

<div class="input-field col s12"> 
    <%= f.text_field :phone, id: "phno", "data-parsley-error-message" => "Please enter your phone number.", required: true %> 
    <label for="phno">Phone</label> 
</div> 

Answer 1

У меня была такая же проблема, но только при загрузке страниц через ajax. Согласно комментариям на this issue код, который работал для меня:

$(function() { 
    Materialize.updateTextFields(); 
}); 

Они сказали, что проблема была решена, но даже в последнем выпуске я еще получил ошибку. В любом случае, код выше исправляет ошибку.

Answer 2

Просто добавьте класс active для этикетки:

<label for="phno" class="active">Phone</label> 

другой способ решить этот вопрос переинициализировать ярлык с функцией JavaScript:

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