Tapping on buttons not very responsive on devices


#1

Hi, it’s my first time building an Ionic app (1.7.14). Just deployed to test iOS and Android devices. I find the buttons pretty unresponsive. It seems it only registers my taps maybe 80% of the time, which is pretty bad.

I think maybe the issue is I’m using links. Is there anyway to increase the tappable area? Or would making it touchdown instead of touch up inside help? Just trying to think how to improve the user experience.

Thanks!


#2

Okay I added 10px padding and it seems to have solved the unresponsive links issue :slight_smile:


#3

I started using ionic just in these 10 days…so I am not an expert at all.
Anyway I saw that sometimes
data-tap-disabled="true"
could help, if the ionic-tap-handler conflicts with some other components (like maps).

Moreover,
cordova plugin add cordova-plugin-wkwebview
could improve performance. But be careful, it may produce CORS problems with your app… read the documentation before.


#4

I’ll give it a try. Thanks for the tip!

Actually adding the padding seemed to have helped on Android but not on iOS. I’m still getting 75% responsiveness on iOS.


#5

Are you using (tap) to catch the events? I had a similar experience so I am now using this instead

(touchstart)=“touched($event)”

This responds immediately when you touch the compoment.