<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"><code class="notranslate">ListItemSecondaryAction</code> should be able to be <code class="notranslate">hidden</code> by default, then <code class="notranslate">visible</code> on hover.  This is a really common use case, so if possible, we should consider a clean way to make this (optional) behavior available behind a boolean property.</p>
<h2 dir="auto">Current Behavior</h2>
<p dir="auto">When implemented with css sibling selectors and hovering over the secondary action, the icon blinks continuously.  When hovered anywhere else on the <code class="notranslate">ListItem</code>, the blinking stops and works as expected.</p>
<p dir="auto"><a target="_blank" rel="noopener noreferrer nofollow" href="https://user-images.githubusercontent.com/136564/36174641-8225ebae-10d2-11e8-9fdd-498cafb583fd.gif"><img src="https://user-images.githubusercontent.com/136564/36174641-8225ebae-10d2-11e8-9fdd-498cafb583fd.gif" alt="blink2" data-animated-image="" style="max-width: 100%;"></a></p>
<h2 dir="auto">Steps to Reproduce (for bugs)</h2>
<p dir="auto">Using css sibling selector (shown above): <a href="https://codesandbox.io/s/xo0mmyv2oo" rel="nofollow">https://codesandbox.io/s/xo0mmyv2oo</a></p>
<h2 dir="auto">Context</h2>
<p dir="auto">Secondary actions visible for larger lists (e.g. Google contacts list) can be overwhelming.  Hiding icons until hovered is a common way to declutter user interfaces.</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.33</td>
</tr>
<tr>
<td>React</td>
<td>16.2.0</td>
</tr>
<tr>
<td>browser</td>
<td>Chrome</td>
</tr>
</tbody>
</table>
<p dir="auto">Any guidance <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/oliviertassinari/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/oliviertassinari">@oliviertassinari</a> <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/kof/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/kof">@kof</a> as to what the root cause of blinking?</p>
<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">You should be able to select text from the options labels in order to copy and paste it somewhere else.</p>
<h2 dir="auto">Current Behavior</h2>
<p dir="auto">It's not possible to select/highlight the text in the option labels. What happens when you try to click and drag over the text is the option gets selected and nothing else.</p>
<h2 dir="auto">Steps to Reproduce (for bugs)</h2>

<ol dir="auto">
<li>Have a form with Checkbox or RadioButton controls.</li>
<li>Click and drag over the option labels text attempting to select the text</li>
<li>Text does not get selected</li>
</ol>
<h2 dir="auto">Context</h2>
<p dir="auto">Users cannot copy and paste text from option labels in order to google/research/translate or do whatever they may need with such string. Please note that such behavior is possible on Google forms, as per screenshot: <a href="https://imgur.com/Fa5B6oO" rel="nofollow">https://imgur.com/Fa5B6oO</a></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>0.18.7</td>
</tr>
<tr>
<td>React</td>
<td>15.6.2</td>
</tr>
<tr>
<td>browser</td>
<td>Chrome   61.0.3163.91</td>
</tr>
</tbody>
</table>