jqueryui buttons issue about fastclick

[tablatronix]

I went ahead and added some more links to the fiddle, because there is also an issue with their states when pressing them. Tapping the link buttons trigger the event but they state of the button stays gray unless you press them a little longer leaving them stuck in hover highlight state.

[mattcg]

This is complicated. jQuery UI applies a lot of listeners (mousedown, mouseup, mouseenter, mouseleave, ...) which don't play very well with FastClick, which makes a fix in FastClick difficult. And these events seem so tied in to the way jQuery UI works that I don't have much hope of a fix being made at that end. It's a bit frustrating that jQuery UI is so complex compared to Bootstrap, when both achieve the same thing. At the same time I don't want to brush off this issue because jQuery UI is still such a popular library.

[lakshmig]

Hi,
I am new to this and my fix may be very stupid but it works.
here is the tweak.
FastButton.prototype.onTouchStart = function(event) {

this.focus();

---

}

I am not aware of the complexity and other drawbacks it might have created, but did a bit of testing of my app and it works.

[tablatronix]

Makes sense, I will test it out.

[dryabov]

@tablatronix It's something iOS-specific, because of your fiddle works correctly in Android stock browser.

[tablatronix]

It is not. Also there are issues in desktop browsers namely focus issues.

[tablatronix]

@lakshmig do you have a fiddle of this fix, also your code seems to be messed up and not in code tags.

[mattcg]

No longer able to replicate on iOS 6.1.

[tablatronix]

Thanks, I am on ipad 1, stuck on safari 5. Good to know.