Не отвечающие элементы пользовательского интерфейса становятся отзывчивыми после изменения размера - PullRequest
Новая
       9

Не отвечающие элементы пользовательского интерфейса становятся отзывчивыми после изменения размера

0 голосов
/ 17 апреля 2019

У меня странная ошибка пользовательского интерфейса, когда я нажимаю на элемент, который может быть раскрывающимся списком или кнопкой, он не отвечает. Если я затем изменим размер экрана и снова нажму на элемент, он будет отзывчивым Я не нашел хорошего объяснения, почему или как это происходит. И это не влияет на все элементы на соответствующем экране. У меня есть фронтэнд, использующий Bourbon SASS на рельсовом приложении На некоторых страницах у меня есть jquery javascript, но на других это просто HTML и CSS. Браузер может быть Chrome или Explorer. Буду признателен за понимание этого вопроса. Дайте мне знать, если мне нужно будет предоставить больше информации.

Вот часть формы, которая затронута. Второй выпадающий элемент не отвечает, если я не разверну экран. 

<div class="send-invite-container">

  <%= form_for :send_invite, url: admin_send_invite_url do |f| %>
    <div class="field">
      <%= f.label "First Name" %>
      <%= f.text_field :first_name %>
    </div>

    <div class="field">
      <%= f.label "Last Name" %>
      <%= f.text_field :last_name %>
   </div>

   <div class="field">
     <%= f.label "Email" %>
     <%= f.text_field :email %>
   </div>

   <div class="field">
     <%= f.label "Client" %>
     <%=f.collection_select(:requested_organization, @client_collection, :name, :name)%>
   </div>

   <div class="field">
    <%= f.label "Associated Company" %>
    <%=f.select(:parent_role, options_for_select([["Company 1", "company_1"], ["Company 2", "company_2"], ["Other", "other"]]))%>
   </div>

   <div class="field">
     <%= f.label "Roles" %>
     <%= f.select(:requested_roles, Role::ROLES, {},
{ :multiple => true, :size => 6 }
) %>
   </div>

    <%= button_tag(type: "submit", class: "btn btn-success") do %>
      <i class="icon-leaf"></i> Send Invite
    <% end %>
  <%end%>

</div>

1 Ответ

0 голосов
/ 17 апреля 2019

Разобрался.Был элемент div, который плавал над окном выбора.Элемент был определен в HTML-файле макета.

...