7.1 - 8.3 Touch events not firing ng-click on Android/IOS hybrid apps/mobile browsers #1826
Description
I have a hybrid app that is Ionic and Material. Performance was acceptable on on all versions of Material Angular below 8.0. 8.0 - 8.3 on the Ripple emulator works perfect but as soon as I deploy to a device the application is such a slug that it is completely unusable. I am not seeing any errors in visual studio.
This is my environment:
Material Angular 8.0 - 8.3
Ionic bundle: Ionic, v1.0.0-beta.14, angular 1.3.6
Visual Studio 2013 Community Edition w/ Cordova
Moto X 2013 Android 4.4.4
Any help would be greatly appreciated!
--Update 1--
I have discovered more information related to the issue. It looks like I was slightly incorrect in my op about a couple things...
- The issue is not necessarily that the app becomes slow as it is more of that the touch input is not registering very well. I have to tap many many times on any buttons or links that use ng-click to get them to finally register. It literally has to be very fast and repeated taps to get the click event to fire.
- It is not 8.0 and above, it is 7.1 and above. Basically the versions since hammer.js was removed.
- In addition to the android 4.4.4 device I have tried on another with 5.0.1 and it has the exact same issue.
--Update 2--
It is a conflict with the Ionic framework that started at version 7.1 of Angular Material. If you remove Ionic from your project the ng-click will work again
--Update 3--
I have confirmed this same issue happens not just in android apps but on android and IOS mobile websites as well. I have hosted a test site with material 8.3 here http://www.louspubcrawl.com/