title: Materializecss select double click to toggle
body: <p>I am using MaterializeCSS to create a select 'dropdown' menu. On a Mac laptop the dropdown is working fine (tested in Safari and FireFox, and in IE and Chrome through browserling.com). However, when I browse the website from a Windows computer (IE and Chrome) I always have to double click to toggle the dropdown. I don't understand why this issue happens. I would appreciate if anyone can point to a specific issue with the code as set out below:</p>
  
  <pre><code>  &lt;div class="dropdown-div"&gt;
      &lt;div class="input-field"&gt;
        &lt;select&gt;
          &lt;option value="1" class="dropdown-text"&gt;&lt;a class="dropdown-text-default" data-url="#General"&gt;General&lt;/a&gt;&lt;/option&gt;
          &lt;option value="2"&gt;&lt;a class="dropdown-text" data-url="#Option1"&gt;Option1&lt;/a&gt;&lt;/option&gt;
          &lt;option value="3"&gt;&lt;a class="dropdown-text" data-url="#Option2"&gt;Option2&lt;/a&gt;&lt;/option&gt;
          &lt;option value="4"&gt;&lt;a class="dropdown-text" data-url="#Option3"&gt;Option3&lt;/a&gt;&lt;/option&gt;
          &lt;option value="5"&gt;&lt;a class="dropdown-text" data-url="#Option4"&gt;Option4&lt;/a&gt;&lt;/option&gt;
        &lt;/select&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  
  
    &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.99.0/js/materialize.min.js"&gt;&lt;/script&gt;
    &lt;script type="text/javascript"&gt;
    $(document).ready(function() {
      $('select').material_select();
    });
    &lt;/script&gt;
  </code></pre>
  
  <p>Please find the documentation from MaterializeCSS <a href="https://materializecss.com/select.html" rel="nofollow noreferrer">here</a>.</p>