You found a bug! We've classified it as TOUCH-3696 . We encourage you to continue the discussion and to find an acceptable workaround while we work on a permanent fix.
  1. #1
    Ext JS Premium Member Steffen Hiller's Avatar
    Join Date
    Mar 2008
    Posts
    773
    Vote Rating
    28
    Steffen Hiller will become famous soon enough Steffen Hiller will become famous soon enough

      1  

    Default Finger move tolerance when tapping

    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?

  2. #2
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    37,642
    Vote Rating
    899
    mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute

      0  

    Default


    I would agree that the tolerance is a little sensitive. I personally haven't had an issue but I'm also a developer that understands what is going on. I have opened a bug in our bug tracker.

  3. #3
    Ext JS Premium Member Steffen Hiller's Avatar
    Join Date
    Mar 2008
    Posts
    773
    Vote Rating
    28
    Steffen Hiller will become famous soon enough Steffen Hiller will become famous soon enough

      0  

    Default


    Thanks, Mitch.

    Exactly, I haven't that big of an issue with that myself either since I naturally seem to tap carefully.
    But imagine everybody else as well as situations like meetings where you look together with somebody else on a tablet and maybe tap from the side (that's where it also happens to me).

  4. #4
    Sencha Premium Member
    Join Date
    Feb 2012
    Location
    Berne, Switzerland
    Posts
    714
    Vote Rating
    42
    ingo.hefti has a spectacular aura about ingo.hefti has a spectacular aura about ingo.hefti has a spectacular aura about

      0  

    Default


    Quote Originally Posted by Steffen Hiller View Post
    But imagine everybody else as well as situations like meetings where you look together with somebody else on a tablet and maybe tap from the side (that's where it also happens to me).
    +1

  5. #5
    Sencha Premium Member hedgehog1's Avatar
    Join Date
    Feb 2012
    Location
    Portland, OR, USA
    Posts
    5
    Vote Rating
    0
    hedgehog1 is on a distinguished road

      0  

    Default Our QA hit this issue in testing.

    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.

  6. #6
    Sencha Premium Member hedgehog1's Avatar
    Join Date
    Feb 2012
    Location
    Portland, OR, USA
    Posts
    5
    Vote Rating
    0
    hedgehog1 is on a distinguished road

      0  

    Default Here is our workaround fir this:

    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:

    Code:
    Ext.define('GT.Button', {
        extend: 'Ext.Button',
        xtype: 'fixedbutton',
        config: {
    You can then replace the xtype: 'button' with xtype: 'fixedbutton' to get the preferred tablet/phone friendly behavior:

    Code:
                items: [{
                    //xtype: 'button',
                    xtype: 'fixedbutton',
                    iconCls: 'refresh',
                    iconMask: true,
                    align: 'left',
                    id: 'MainViewButtonRefresh'
                },
    The Hedge

  7. #7
    Sencha User
    Join Date
    Oct 2012
    Posts
    18
    Vote Rating
    0
    ssweriduk is on a distinguished road

      0  

    Default


    Hey guys,
    We have just deployed our app and found that a lot of our customers aren't able to tap on buttons as well. Was wondering if there has been any further progress on this issue.

  8. #8
    Sencha User
    Join Date
    Oct 2012
    Posts
    18
    Vote Rating
    0
    ssweriduk is on a distinguished road

      0  

    Default


    The above example is brilliant

  9. #9
    Sencha User
    Join Date
    Mar 2007
    Posts
    416
    Vote Rating
    18
    jweber will become famous soon enough

      0  

    Default


    I've noticed this too, but I always blamed myself.

  10. #10
    Sencha User
    Join Date
    Aug 2007
    Posts
    23
    Vote Rating
    2
    jbondc is on a distinguished road

      0  

    Default Fix

    Fix


    The problem is a 'tap' event fails in Sencha Touch as soon as you 'move'.

    A simple fix is allow 1-2 touchmove events before you invalidate the tap:

    http://pastebin.com/fQNY1XzD