<ul class="contains-task-list">
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox" checked=""> I have searched the <a href="https://github.com/mui-org/material-ui/issues">issues</a> of this repository and believe that this is not a duplicate.</li>
</ul>
<h2 dir="auto">Expected Behavior</h2>

<p dir="auto">There should be an intuitive Multiple Select component that has the correct items selected in the popup list. Maybe it would be better to use a list with additional checkboxes in it, something like in this <a href="https://devexpress.github.io/devextreme-reactive/react/grid/docs/guides/column-visibility/" rel="nofollow">demo (when you click the struck through eye</a>. An alternative would be like it is solved in this <a href="https://github.com/mui-org/material-ui/pull/9570" data-hovercard-type="pull_request" data-hovercard-url="/mui/material-ui/pull/9570/hovercard">pull request</a>, but I am not sure if this is the right way, as I like how Single Select components behave. That`s why I opened an own issue for Multiple Select components.</p>
<h2 dir="auto">Current Behavior</h2>

<p dir="auto">When creating a Select field with the <code class="notranslate">multiple</code> option and then clicking that initially empty Select field the first item in the popped up list is automatically highlighted.</p>
<h2 dir="auto">Steps to Reproduce (for bugs)</h2>

<p dir="auto">Go to the official <a href="https://material-ui-next.com/demos/selects/" rel="nofollow">component demo of the multiple <code class="notranslate">Select</code></a> and click it. The first item stays the selected in the popped up list even if you move the mouse pointer elsewhere.</p>
<h2 dir="auto">Context</h2>

<h2 dir="auto">Your Environment</h2>

<table role="table">
<thead>
<tr>
<th>Tech</th>
<th>Version</th>
</tr>
</thead>
<tbody>
<tr>
<td>Material-UI</td>
<td>1.0.0-beta.25</td>
</tr>
<tr>
<td>React</td>
<td>16.2</td>
</tr>
<tr>
<td>Chrome</td>
<td>63.0.3239.108</td>
</tr>
<tr>
<td>etc</td>
<td></td>
</tr>
</tbody>
</table>
<h3 dir="auto">Problem description</h3>
<p dir="auto">After initial open of menu, first item remains highlighted even after hovering off.</p>
<h3 dir="auto">Steps to reproduce</h3>
<p dir="auto"><code class="notranslate">next</code> branch, menus demo <a href="http://localhost:3000/#/component-demos/menus" rel="nofollow">http://localhost:3000/#/component-demos/menus</a></p>
<ol dir="auto">
<li>click to open</li>
<li>hover to a lower item</li>
</ol>
<h3 dir="auto">Versions</h3>
<p dir="auto"><code class="notranslate">next</code> branch <a class="commit-link" data-hovercard-type="commit" data-hovercard-url="https://github.com/mui/material-ui/commit/a38068f90c28ee240f0622d40a87f6d888dd74e2/hovercard" href="https://github.com/mui/material-ui/commit/a38068f90c28ee240f0622d40a87f6d888dd74e2"><tt>a38068f</tt></a></p>
<ul dir="auto">
<li>Browser: Mac Chrome  52.0.2743.116</li>
<li>Browser: Mac Firefox  48.0.2</li>
<li>Browser: Mac Safari 9.1.2</li>
</ul>
<h3 dir="auto">Images</h3>
<p dir="auto"><a target="_blank" rel="noopener noreferrer nofollow" href="https://cloud.githubusercontent.com/assets/136564/18555732/8166e41a-7b2e-11e6-8354-9b6cb6b9a55f.png"><img src="https://cloud.githubusercontent.com/assets/136564/18555732/8166e41a-7b2e-11e6-8354-9b6cb6b9a55f.png" alt="fullscreen_9_15_16__10_21_am" style="max-width: 100%;"></a></p>