<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/callemall/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">When we wrap a button into a <code class="notranslate">Tooltip</code>, the <code class="notranslate">Tooltip</code> component should not interfer with the other components when the <code class="notranslate">IconButton</code> is not hovered.</p>
<h2 dir="auto">Current Behavior</h2>
<p dir="auto">The text correctly disappear, but the component stays mounted and prevents clicking on elements that are behind it. This creates some weird situation with an invisible tooltip and an unclickable button.</p>
<h2 dir="auto">Steps to Reproduce (for bugs)</h2>
<p dir="auto">Code Sandbox : <a href="https://codesandbox.io/s/j292n17ypv" rel="nofollow">https://codesandbox.io/s/j292n17ypv</a><br>
Try to click the mouse button on the right, it's impossible because of the tooltip</p>
<h2 dir="auto">Context</h2>
<p dir="auto">Just trying to give infos to user without having to think about where my tooltip is going to end up and wether the user might click here.</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.11</td>
</tr>
<tr>
<td>React</td>
<td>15.6.1</td>
</tr>
</tbody>
</table>
<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/callemall/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">When you unselect some item that was previously selected, unselected item should be unhighlighted</p>
<h2 dir="auto">Current Behavior</h2>
<p dir="auto">Unselected item is highlighted, but loses <strong>bold</strong> style for font</p>
<h2 dir="auto">Steps to Reproduce (for bugs)</h2>
<ol dir="auto">
<li>go to <a href="https://material-ui-1dab0.firebaseapp.com/demos/selects/" rel="nofollow">https://material-ui-1dab0.firebaseapp.com/demos/selects/</a></li>
<li>open multiple select example</li>
<li>select 2 items</li>
<li>unselect one of them</li>
<li>unselect second item</li>
</ol>
<p dir="auto"><a target="_blank" rel="noopener noreferrer nofollow" href="https://user-images.githubusercontent.com/1328473/30262639-579d24e6-96da-11e7-9e30-3260f03283fc.gif"><img src="https://user-images.githubusercontent.com/1328473/30262639-579d24e6-96da-11e7-9e30-3260f03283fc.gif" alt="asd42" data-animated-image="" style="max-width: 100%;"></a></p>
<table role="table">
<thead>
<tr>
<th>Tech</th>
<th>Version</th>
</tr>
</thead>
<tbody>
<tr>
<td>Material-UI</td>
<td>v1.0.0-beta.9</td>
</tr>
<tr>
<td>browser</td>
<td>Chrome 61.0.3163.79 on Windows 10</td>
</tr>
</tbody>
</table>