material-ripple takes entire screen about angular_components HOT 2 CLOSED

Try adding position: relative; to the enclosing div. This will prevent the material-ripple element from taking the entire document as it's offset parent.

from angular_components.

thanks, this fixes the ripple:

<div class="simple-card" style="position: relative;">
  <img class="simple-card__image"
       [src]="imageUrl"/>
  <p class="simple-card__text">
    {{text}}
  </p>
  <material-ripple></material-ripple>
</div>

i'm new to html but I hope this issue can help you improve this great library or its documentation, thanks again.

from angular_components.