My ion-button not working when i set loop = true to my ion-slides. But this only happens on the first slide. Button works normally on other slide or set loop = false
// home.page.html
<ion-slides pager [options]="slideOpts">
<ion-slide *ngFor="let s of slide.data.home" style="background-image: url({{ s.image }});">
<div class="ion-text-center">
<div class="caption">{{ s.caption }}</div><br>
<ion-button color="custom" class="ion-margin-top slider-button" [routerLink]="['/category']">
Shop Now
</ion-button>
</div>
</ion-slide>
</ion-slides>
// home.page.ts
slideOpts = {
loop: true
};