<h2 dir="auto">Steps to Reproduce (for bugs)</h2>
<p dir="auto"><a href="https://codesandbox.io/s/7jox7jylj6" rel="nofollow">https://codesandbox.io/s/7jox7jylj6</a></p>
<ul dir="auto">
<li>select a value</li>
<li>click it again, to unselect it</li>
<li>then the option doesn't lose the selected background until the select menu is closed and reopened</li>
</ul>
<p dir="auto">So we can't know if we have unselect it</p>
<h2 dir="auto">Expected Behavior</h2>
<p dir="auto">It should toggle selection on a item after each click</p>
<p dir="auto">This happens with <code class="notranslate">multiple</code> option at least</p>
<p dir="auto"><strong>edit</strong>: actually the font-weight is slightly changing (400 / 500), but I believe this background should be cleared is the pointer leaves hover, I guess there's an <code class="notranslate">:active</code> rule that still make it with this background</p>
<h2 dir="auto">Current Behavior</h2>
<p dir="auto">Unselected items stay visually selected</p>
<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.24</td>
</tr>
<tr>
<td>React</td>
<td>16.2.0</td>
</tr>
<tr>
<td>browser</td>
<td>chrome, firefox</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>