title: Dropdown select list won't display items with custom forms of Zurb Foundation 4 and Rails 4
body: <p>I've been having this annoying problem in which I click over a select dropdown input of my custom form, styled with Zurb Foundation 4 in my Rails application, and the list won't show its elements.</p>
  
  <p>I thought at a start that was a problem with simple form, but I changed the f.association for f.collection_select, my code looks like this:</p>
  
  <pre><code>&lt;h2&gt;&lt;%= I18n.t(".sign_up") %&gt;&lt;/h2&gt;
  
  &lt;%= simple_form_for(resource, :html =&gt; {:class =&gt; "custom"}, :as =&gt; resource_name, :url =&gt; registration_path(resource_name)) do |f| %&gt;
    &lt;%= f.error_notification %&gt;
    &lt;%= devise_error_messages! %&gt;
    &lt;%= f.input :rut %&gt;
    &lt;%= f.input :name %&gt;
    &lt;%= f.input :email %&gt;
    &lt;div&gt;
      &lt;%= f.label :supplier_type_id %&gt;
      &lt;%= f.collection_select :supplier_type_id, SupplierType.all, :id, :name %&gt;
    &lt;/div&gt;
    &lt;%= f.input :password %&gt;
    &lt;%= f.input :password_confirmation %&gt;
    &lt;%= f.error :base %&gt;
    &lt;%= f.submit I18n.t(".sign_up"), :class =&gt; "button"  %&gt;
  &lt;% end %&gt;
  
  &lt;%= render "devise/shared/links" %&gt;
  </code></pre>
  
  <p>The most strange thing is that sometimes I'm able to see the items when refreshing the page, but when I get to the page navigating from other view of the app then it won't work. I've also noticed this when using hints for forms (i.e: If I have two hints in the same form, in different inputs, only one would show, but the same one message displays in both inputs when each message should show in their respective input. When reloading the page sometimes it shows one hint, and sometimes the other)</p>
  
  <p>The styling looks good, so I think that it might be a foundation javascript problem.</p>
  
  <p>Another thing I've noticed is that when I load the page the styling does a kind of "blinking" when using custom forms. This blinking it looks likes foundation takes a while to load the styling, I've also noticed this on their own <a href="http://foundation.zurb.com/docs/components/custom-forms.html" rel="nofollow">custom form documentation site</a>. This may indicate that is a form styled with javascript events or something similar, so this might mean that javascript is working well.</p>
  
  <p>In addition, the checkboxes are having a similar problem, they only can be checked just when you reload the page, it might have some relation with <a href="https://github.com/zurb/foundation/issues/1971" rel="nofollow">this problem</a>.</p>
  
  <p>I'm very lost, some help would become very handy. Thanks!</p>
  
  <p>--edit: Foundation 5 doesn't include custom forms and works better--</p>