<h2 dir="auto">Problem Description</h2>
<p dir="auto"><a href="https://github.com/ffxsam/autocomplete-bug">https://github.com/ffxsam/autocomplete-bug</a></p>
<p dir="auto">There are multiple issues:</p>
<ol dir="auto">
<li><code class="notranslate">openOnFocus</code> does not work (clicking in the field has no effect)</li>
<li>When typing 'a' and clicking on an item that is outside the dialog, the event bubbles up and causes the dialog to close</li>
</ol>
<p dir="auto">Repo install instructions: (or just copy into a webpack boilerplate)</p>
<ol dir="auto">
<li><code class="notranslate">npm install</code></li>
<li>Install Meteor if not already installed (<code class="notranslate">curl https://install.meteor.com/ | sh</code>).</li>
<li><code class="notranslate">meteor</code></li>
</ol>
<h2 dir="auto">Versions</h2>
<ul dir="auto">
<li>Material-UI: 0.15.0-alpha.1</li>
<li>React: 0.14.7</li>
<li>Browser: Chrome 49</li>
</ul>
<p dir="auto">Greetings.</p>
<p dir="auto">On my react application, im using material-ui AutoComplete.</p>
<p dir="auto">Im using "showAllItems" version, that passes the property triggerUpdateOnFocus with true value, mounted on a dialog (from material-ui too)</p>
<p dir="auto">Whene I click inside the input, it shows the menu list, but it disappears  instantly on mouse click up.<br>
I can state that if i click and leave mouse button down, that it does not disappear.</p>
<p dir="auto">Im using the last version of materail-ui and my browser is chrome.</p>
<p dir="auto">Best regards awatting for a feedback,<br>
Ricardo Ferreira</p>