I’m trying to upgrade to Ionic 3 and I’m facing a problem on iOS and android.
After the upgrade, I noticed that my ion-scroll is frozen (not scrollable) when it contains a swipe event.
Maybe it was luck but till Ionic 2.3.0, before upgrade, the scroll was fine, was scrollable, alright.
After upgrade, if I remove the event everything is working fine. I also created a minimal starter app where I tried to reproduce the problem, without any success, therefore I don’t think that the bug is on the Ionic side but mine.
Anyone faced that kind of problem? How did you solved it? Or anyone may have an idea/tips where I should have a look? I’m kind of slowly becoming insane about that bug
Thx a lot for any help
<ion-scroll #datePickerScrollY scrollY="true" id="datePickerScrollY">
<ion-list no-padding (swipe)="swipeSomething($event)"> <!-- There, the swipe on the list or on the ion-scroll freeze my scroll -->
<ion-item *ngFor="let hero of heroes" tappable (click)="whatever()">
<p>{{hero.name}}</p>
</ion-item>
</ion-list>
</ion-scroll>
Look like the SwingModule (angular2-swing) is the reason for my frozen list with event (swipe). As soon as I remove the module, then my lists are scrollable again.
Thx, agree with you. Probably due to some evolution of Ionic 2.3 -> 3 this lib is blocking the gestures/touch events that happen on a device (tried many times, it’s still working while debugging in safari and chrome).
Look like, according the description of Ionic-2-tinder-cards, that he based his implementation on the same tutorial as I did which use the same lib angular2-swing
angular2-swing is using swing which is using hammerjs. My feeling is that that last library is blocking the gestures. Someone recently opened an issue going in that direction.
Also I should check why everything is loaded when I only import the module. Except that, in my demo app, I don’t use the components of the libs itself, therefore I’m asking my self why it applies on the all app.
After another couple of hours I finally come to the conclusion that maybe the best solution was to create a fork of these libraries to avoid the use of an external hammerjs reference where Ionic already embed is own version of hammer.
@mhartington may ask you, does that sound spontaneous totally silly or not? If not, then hooray, I’ll consider my issue as solve, I gonna be able to upgrade to Ionic 3 and of course I gonna share that forked project with the community…if silly then the beer gonna have different taste
My issue seems to finally being solved on both iOS and Android.
Don’t know exactly why, I updated app-scripts today and removed/reinstalled all the dependencies. Also update cordova, most probably one of these operations solve my issue, that’s cool, I finally could update to Ionic 3 and close that issue
For the fork of the swappable cars I created, follow following link:
@reedrichards sir i have same scrolling issue only in the iphone7 scroll are freeze after move to top and bottom as well l boucing effect in the screen.but in the another iphoneX,iphone5 scrolling working perfect but sir i have already using updated app-script version but issue are still here,tell me any another way to fix the scrolling issue?
