Swipe doesn't work in android devices and chrome emulator

Ionic Framework ionic-v3
1

I am trying to implement swipe event like below.

In HTML file :

<ion-content (swipe)="swipeEvent($event)">
  
</ion-content>

In ts file:

swipeEvent(e)
{
    alert("swipe");
}

I am using,

Ionic Framework: 2.0.0
Ionic Native: 2.4.1
Ionic App Scripts: 1.0.0
Angular Core: 2.2.1
Angular Compiler CLI: 2.2.1
Node: 6.9.5
OS Platform: Windows 7
Android version: 6.0

When I try to swipe in android devices and chrome emulator, the event is not getting triggered. It works fine in iOS devices and firefox. Any suggestions to fix this problem ?

Thanks.

2

It works for me, try to debug it with platforms, I’d errase ($event) thing just in case, since you are not passing any event, that might be the problem (I don’t think so, but is everything I could imagine).

3

I see the same issue but only in Chrome 56.0.2924.87 (64-bit) on Mac El Capitan. Safari and Chrome on all devices I’ve checked so far appear to work as expected. This is a more of an annoyance than anything as I’m writing a large PWA and Chrome is my preferred browser.

Also, this version of Chrome appears to catch the swipe event when it is on a button but nothing else I have tried.

Hope this helps.

4

I just realized that you are trying to trigger the swipe event in your ion-content, try trigger it inside a div, ion-item, or any other html element, except ion-content.

5

It appears I was a bit premature in saying it was just an annoyance for me.

Is there a reason it would work on ion-content for everything except certain versions of chrome? I’m even seeing it work on chrome on my iphone but our qa tester just told me her Android phone (I have yet to get the info) does not work.

I’m mostly curious why ion-content works for nearly every browser but seems to break in specific versions of Chrome (obviously not even related to new vs old because very old versions work and some newer versions do not) …

6

Same issue here. Swipe event doesn’t fire on our Android test phones in WKWebView. Browser and iOS platforms both work fine.

Did anyone here end up figuring out a solution to this?

7

Worked for me once I moved the swipe event directive out of the ion-content and into a div that I added.