Finger move tolerance when tapping
I've heard and seen users whose taps on any tappable items in Sencha Touch such as buttons frequently fail.
The reason is that Sencha Touch is very sensible to any finger movement while pressing/tapping.
This is not how native iOS apps behave.
In a native iOS app you can tap/press a button, move your finger on the button and then release it and it will fire the button's action.
This doesn't work in Sencha Touch applications which is nicely reproducible through the kitchensink's "Touch Events" page. Moving the finger slightly triggers the dragstart, touchmove, drag, touchend, dragend events, but not the tap event.
What's y'alls opinion on this? Is that by design due to any constraints? Can this be improved/fixed?
Our QA hit this issue in testing.
When testing on phones, our QA found it could take 2 or 3 presses to get a 'good' press. We developers didn't notice it as we were working in Chrome with a Mouse.
The mouse tends to stay on the same pixel, while fingers on a phone tend to move a bit.
Here is our workaround fir this:
We found a workaround using: 'Fixed Button'.
First, the URL to the code: github.com/roycyang/Sencha-Touch-Extensions
This extends the Ext.Button:
You can then replace the xtype: 'button' with xtype: 'fixedbutton' to get the preferred tablet/phone friendly behavior: