Ion-button not working inside first ion-slide

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
};
1 Like

This is related to Unable to open routerLink when navigating backwards to last slide of IonSlides component

1 Like