Ripple effect inside .card view

hi all
when i add ripple class to card view, it shows a big circle around the card but i think the correct form is to show it inside div , like list item example.
does anybody knows how to solve it ?

add overflow:hidden to the element with ripple

thank you but the ripple effect disabled completely.

<div class="card ripple" style="overflow:hidden;">...</div>

make a demo using template from here How to ask a good question on forum


This is working example

1 Like