Материализация css автозаполнения перекрывается с Firefox автозаполнением

Question

Я не понимаю, почему firefox автозаполнение перекрывает мое поле материализации css автозаполнение.

Здравствуйте, я не Я понимаю, почему firefox автозаполнение перекрывает мое поле css autocomplete.

            <form action="{{ path('search_result') }}" method="get" class="searchForm">
                <div class="col s11 m6 offset-m3 input-field">
                    <label for="search_bar" class="active">Où boirons nous ?</label>
                    <input type="text" class="autocomplete white-text" id="search_bar" placeholder="" name="bar_name"
                       autofocus/>
                </div>
                <div class="col s1">
                    <input type="image" src="{{ asset('build/images/Loupe.svg') }}" class="searchBtn" border="0"
                       alt="Rechercher"/>
                </div>
            </form>