Material-Button ripple-effect can't be seen

[sirdlx]

When you include a 'material-button' in the angularjs 'ng-repeat' directive you are unable to see the ripple. Everything complies and render like it should.

Correction - I thought it had to do with repeat. Looks like its more of a re-flow of the items I have on a page using ng-repeat

Before:

<material-button class="material-button-fab material-theme-light card-button-play">
    <span class="fa fa-play card-button-play-icon"></span>
</material-button>

After:

<material-button class="material-button-fab material-theme-light card-button-play" tabindex="-1" aria-label="">
    <button class="material-button-inner">
        <span class="fa fa-play card-button-play-icon"></span>
    </button>
    <div class="material-ripple-container"></div>
</material-button>

Using dev-tools, if I delete <button class="material-button-inner">... I can then see the ripple-effect. I have a plunkr and youtube video to help explain my experience.

YouTube | Plunkr

Using Chrome version 37.0.2062.124

[ajoslin]

I don't see any problems in the plunkr?

[ThomasBurleson]

I see the ripple in the Plunkr. Unable to reproduce this issue.