<p dir="auto">This issue has been around for quite a while, and I just reproduced it in 0.14.4 and 0.15.1-alpha.1. I looked through all "button" and "ripple" related issues and found no mention of this, so apologies if this is a duplicate.</p>
<p dir="auto"><a href="https://dl.dropboxusercontent.com/u/19969663/ripple_issue.mov" rel="nofollow">https://dl.dropboxusercontent.com/u/19969663/ripple_issue.mov</a><br>
As you can see, this is the latest version of the demos on material-ui.com. Video was taken in chrome on a mac.</p>
<p dir="auto">Basically, through some sequence of clicks the ripple effect doesn't go away. I've been playing around with it for quite a while and couldn't find consistent repro steps. It also seems to happen much more often on chrome in android as well as safari in iOS. I've noticed this issue in all browsers.</p>
<p dir="auto">As our team checked, <a href="https://webaim.org/techniques/tables/data" rel="nofollow">WebAIM recommends</a> to always specify the <code class="notranslate">scope</code> attribute, so suggesting to make it out-of-the-box for the <code class="notranslate">TableCell</code> for the "head" type.</p>
<p dir="auto">Mainly, without this attribute screen readers fail to read the table as expected (even if it sounds weird to me personally for special semantic <code class="notranslate">&lt;th&gt;</code> inside <code class="notranslate">&lt;thead&gt;</code> usage).</p>
<blockquote>
<p dir="auto">The scope attribute tells the browser and screen reader that everything within a column that is associated to the header with <code class="notranslate">scope="col"</code> in that column, and that a cell with <code class="notranslate">scope="row"</code> is a header for all cells in that row.<br>
All <code class="notranslate">&lt;th&gt;</code> elements should generally always have a scope attribute. While screen readers may correctly guess whether a header is a column header or a row header based on the table layout, assigning a scope makes this unambiguous.</p>
</blockquote>



<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">The <code class="notranslate">scope</code> attribute is set to <code class="notranslate">"col"</code> for type "head" by default (if not specified manually).</p>
<h2 dir="auto">Current Behavior</h2>

<p dir="auto">The <code class="notranslate">scope</code> attribute is not used.</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.31</td>
</tr>
</tbody>
</table>