Question

我遇到了一个怪异的UI错误，当我单击某个元素（可以是下拉列表或按钮）时，它无响应。如果然后调整屏幕大小并再次单击该元素，则它是响应式的。对于为什么或如何发生，我还没有很好的解释。并且它不会影响相关屏幕上的所有元素。我在前端应用程序上使用Bourbon SASS的前端。在某些页面上，我有jquery javascript，但在其他页面上，它只是HTML和CSS。浏览器可以是Chrome或资源管理器。如果您对此问题有任何见解，我将不胜感激。让我知道是否需要提供更多信息。

这是受影响的表单的一部分。除非我最大化屏幕，否则第二个下拉元素将无响应。

<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>

Answer 1

弄清楚了。在选择框上方有一个div元素。元素是在布局html文件中定义的。

调整大小后，无响应的UI元素将变得有响应

1 个答案: