Ionic-v4 - Card with Image - Ripple Effect not working


#1

Hello,

I am trying to add a card with an image and some ripple effects when clicked. I tried different ways to get the ripple effect to work with no luck.

Here’s the snippet I have:

<ion-card class="wrapper" (click)="navigateTo(1)">
      <ion-ripple-effect></ion-ripple-effect>
      <ion-img src="/assets/images/main.jpg"></ion-img>
      <div class="overlay-text">
        <h3 class="title">{{'MyText' | translate}}</h3>
      </div>
  </ion-card>

#2

Try to add ion-activatable on the ion-card