Using CSS Scroll Snap Points - won't trigger scroll events

Unable to accomplish, Not sure what’s missing,

overflow-y: scroll; is conflicting? if I remove it, Snapping doesn’t work

Ionic 5/Angular

#html

<ion-content (ionScroll)=“logScrolling($event)” [scrollEvents]=“true”>

<ion-list class=“containerSnap”
<div class=“child”
<img
</div
<div class=“child”
<img
</div
<div class=“child”
<img
</div
</ion-list

</ion-content

#css
.containerSnap {
height: 100vh;
overflow-y: scroll;
scroll-snap-type: y mandatory;
-webkit-overflow-scrolling: touch;
}

.child {
scroll-snap-align: start;
display: flex;
flex-direction: column;
justify-content: center;
}

1 post - 1 participant

Read full topic