How to stop the following drag effect in iOS inside ion-infinite-scroll?
Here is the code used:
<ion-row class="section-bg ion-padding-horizontal ion-padding-top">
<ion-col>
<ion-text class="section-label" translate>MOODS_LABEL</ion-text>
<ion-infinite-scroll>
<!-- [(ngModel)]="mood.checked" -->
<ion-infinite-scroll-content
loadingSpinner=""
loadingText=""
class="scroll-content"
>
<div
class="click-img-holedr"
*ngFor="let mood of moodsOptions; let i=index;"
>
<ion-checkbox
(click)="multipleSelect(moodsOptions, i)"
[checked]="mood.checked"
class="symptoms-checkbox"
></ion-checkbox>
<span class="check-span"></span>
<ion-avatar lines="none" class="img_wrapper">
<ion-img src="{{mood.imgUrl}}"></ion-img>
</ion-avatar>
<ion-text color="secondary" class="tab-top-lbl">
<h6 class="img-label" translate>{{mood.name}}</h6>
</ion-text>
</div>
</ion-infinite-scroll-content>
</ion-infinite-scroll>
</ion-col>
</ion-row>
I have tried the following fix and it did not fix the issue:
<ion-content no-bounce has-bouncing="false" forceOverscroll="false">
4 posts - 2 participants