Bootstrap Navbar, перекрывающий Google, помещает выпадающий список автозаполнения
У меня есть Navbar, на котором я пытаюсь добавить окно поиска мест. Все почти работает, за исключением того, что небольшая часть поля подсказок Google мест перекрывается панелью навигации (как показано на рисунке ниже).
Я пытался изменитьz-index
от поля ввода до 10 или 2000 или 90000, но это, кажется, не оказывает влияния.
Есть ли что-то еще, что я должен сделать, что мне не хватает?
Вот HTML:
<form class="navbar-form" role="search">
<div class="col-sm-2">
<div class="form-group has-feedback no-margin">
<input aria-label="Place" type="text" class="form-control text-center" id="searchPlace" placeholder="Place" style="z-index:90000">
<i class="map-pin-icon form-control-feedback"></i>
</div>
</div>
</form>