Ajax поиск в модале

Question

Я пытаюсь реализовать поиск из темы Bootstrap внутри модала.

Вы можете проверить поиск и модальность здесь:

https://keenthemes.com/metronic/preview/?page=components/base/modal&demo=default

Я реализуюпоиск на простой странице html.erb и работает отлично.Вот код:

<div class="m-dropdown m-dropdown--large m-dropdown--align-center m-dropdown--mobile-full-width m-dropdown--skin-light m-dropdown--open m-list-search m-list-search--skin-light" id="m_quicksearch" m-dropdown-persistent="1" m-quicksearch-mode="dropdown">
  <div class="m-dropdown__wrapper">
    <div class="m-dropdown__inner">
      <div class="m-dropdown__header">
      <%= form_with url: search_path, local: true, method: :get, html: {class: "m-list-search__form"} do |form| %>
        <div class="m-list-search__form-wrapper">
          <span class="m-list-search__form-input-wrapper">
            <%= form.search_field :query, placeholder: "Search...", autocomplete: "off", class: "m-list-search__form-input", id: 'm_quicksearch_input' %>
          </span>
          <span class="m-list-search__form-icon-close" id="m_quicksearch_close">
            <i class="la la-remove"></i>
          </span>
        </div>
      <% end %>
      </div>
      <div class="m-dropdown__body">
        <div class="m-dropdown__scrollable m-scrollable" data-height="300" data-mobile-height="200" data-scrollable="true">
          <div class="m-dropdown__content"></div>
        </div>
      </div>
    </div>
  </div>
</div>

Теперь я пытаюсь скопировать / пропустить эту тему в моем модале.Когда я начинаю писать в поле поиска, запросы не отправляются.

Это проблема CSS (z-index) или JS?Как я могу отладить его?