title: HTML select issue on Linux and macOS
body: <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;select&gt;
        &lt;option value="volvo"&gt;Volvo&lt;/option&gt;
        &lt;option value="saab"&gt;Saab&lt;/option&gt;
        &lt;option value="mercedes"&gt;Mercedes&lt;/option&gt;
        &lt;option value="audi"&gt;Audi&lt;/option&gt;
      &lt;/select&gt;
      
      &lt;select&gt;
        &lt;option value="apple"&gt;Apple&lt;/option&gt;
        &lt;option value="mangoes"&gt;Mangoes&lt;/option&gt;
        &lt;option value="pineapple"&gt;Pineapple&lt;/option&gt;
        &lt;option value="strawberry"&gt;Strawberry&lt;/option&gt;
      &lt;/select&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>Now, in Windows systems, if we click on one dropdown it opens, and now without selecting any option, clicking on other dropdown closes the first one and opens the second one as expected.</p>
  
  <p>But on Ubuntu and Mac the behaviour is different, if we click on one dropdown it opens and now without selecting any option if we click on another dropdown, it closes the first one but it doesn't open the clicked dropdown, it only opens it on second click.</p>
  
  <p>Is there a way to change this behaviour using Angular and make it work as it is working in Windows?</p>