Android default browser fire two click event

[ehretf]

Hello,

I have noticed that the Android's default browser fire two click events on every DOM element when using iscroll with jquery and jquery mobile (no issue when using iscroll with jquery only).
This seems to be only with the default browser every thing is fine with Chrome (didn't test on other browser).
I noticed this issue with my Nexus 4 ( Android 4.2.2) and my Galaxy S (Cyanogen 9).

I have first thnik phonegap was the root cause but when using it on a web page (served by a remote http server) I had the same issue.

To fix this, I have changed click to vclick in line 558 in iscroll.js
ev.initMouseEvent('vclick', true, true, e.view ...

This seems to make iscroll acting fine and fixed my issue. This make iscroll depending on jquery and may need additionnal testing to ensure this doesn't break something else

I would like to know what you think on this and also this may help other users.

Thanks a lot

Best Regards.

Florent

[cubiq]

thanks for taking the time to experiment with iscroll. this will be hopefully fixed in iScroll 5. Unfortunately jQuery dependency is a no-go.

[sebbie1o1]

Bug still exists in iScroll5

[cubiq]

use tap:true and listen to tap event instead.

[santifdez]

ev.initMouseEvent('vclick', true, true, e.view is good solution for Android mobile but doesn´t work for IOS

[pierluigi]

@santifdez it actually works on Jellybean 4.2 but doesnt on 4.1.2 / Samsung with TouchWiz (same webkit 4.0 Browser)

[davidpfahler]

This is (mostly) fixed in v5. v4 or earlier is not supported anymore. Please check out v5 if you have this issue.

If you still run into this problem on v5, please comment here. Please provide as many details as possible. I will reopen then.

[scottcarter]

I am seeing this problem with iScroll v5. I'm testing using the Android SDK:

AVD_for_Nexus_One_by_Google, Android 4.3, API Level 18, CPU Intel Atom (x86).

I'm using 4.3 instead of 4.4.2 (latest) because the latter doesn't support rotate to landscape properly.

My setup is driven by Rails and I'm including:
jquery, jquery.ui.draggable, jquery_ujs (rails adapter), iscroll, twitter/bootstrap, jPlayer (http://jplayer.org)

I debugged this a little and noticed that for every single tap I see:

IScroll.prototype, handleEvent, mousedown
IScroll.prototype, handleEvent, touchstart
Call to utils.tap

IScroll.prototype, handleEvent, mousedown
Call to utils.tap

Since my setup already detects whether I am on a mobile device, I am working around this issue by using disableMouse: true

[chrisbod]

This problem occurs for me with iScroll5 as well

[Nedvedyy]

tap:true this works good,.

[m5jun]

i use iscroll5 ,set tap: true, but it still exists in android, there are two tap event fired.

[kisPocok]

Still valid.