Materialise CSS pasek nawigacyjny Search jest uszkodzony

Question

wyszukiwania pasek nawigacyjny jest podzielony na chromie 50+ korzystając z jednej z tych wersji:

zmaterializować 0.97.6 zmaterializować 0.97.5

kod używany jest taki jak opisano w dokumentacji:

<nav> 
    <div class="nav-wrapper"> 
     <form> 
     <div class="input-field"> 
      <input id="search" type="search" required> 
      <label for="search"><i class="material-icons">search</i></label> 
      <i class="material-icons">close</i> 
     </div> 
     </form> 
    </div> 
    </nav> 

ten kod prowadzi do problemów wizualnych, jak przedstawiono na stronie dokumentacji, jak również mojej strony:

http://materializecss.com/navbar.html

Jak mogę rozwiązać ten problem, aby wyglądać mundurek?

Answer 1

W porządku, miałem ten sam problem. Jednak dodałem ten CSS i zadziałało to dla mnie.

nav .nav-wrapper form, nav .nav-wrapper form .input-field{ 
height: 100%; 
} 

Answer 2

Właśnie zauważyłem, to dzisiaj, a ja po prostu to zrobił:

input[type="search"] { 
    height: 64px !important; /* or height of nav */ 
}