Поместите плагин Geocomplete в модальный Bootstrap

Question

Я пробовал Geocomplete, но мой код все еще не работает. Я хочу использовать Geocomplete в модале Bootstrap. Это мой код:

<script type="text/javascript">
  $("#cities").geocomplete();
</script>


<%= f.text_field :place, id: "cities", class: "form-control", type: "text" %>

Answer 1

Вы можете поместить плагин Geocomplete в модал Bootstrap, но, похоже, он не работает. Попробуйте плагин где-нибудь еще на веб-странице. Если он работает нормально на веб-странице, но не в модальном, решение довольно простое.

Геокомплект работает, но он невидим. Вы должны напечатать в стилях это:

<style type="text/css">
  .pac-container{
    z-index: 99999999999999 !important;
  }
</style>

Объяснение: Список автозаполнения находится в фоновом режиме, вы его не видите. Если вы установите z-index для этого класса div (у вас нет этого класса в вашем представлении, он автоматически генерируется Bootstrap), появится автозаполнение div, потому что теперь он имеет больший z-индекс, чем модальный и другие вещи (больший приоритет видимость).