search

ftlabs / fastclick

Polyfill to remove click delays on browsers with touch UIs
MIT License
18.66k stars 3.22k forks source link

Ghost click / second click - but on another part of the screen #206

Open mawic opened 10 years ago

mawic commented 10 years ago

It is a bit difficult to explain this bug / problem. But I try it to do it as understandable as possible. I created a website with a form based on bootstrap 3. This form contains radio buttons as you can see on the picture. If I click on a button now, a second click is recognized some pixels above after I move finger away fom the screen. The picture shows one touch on the screen. After this touch the two radio buttons are activated.

2014-01-28 20 46 48

Without fastclick it works perfectly. And it does not seem to be a javascript conflict. I deleted all other javascript files to test it and it was alaways the same.

It is only on touch devices.

aral commented 10 years ago

I’m seeing this too. On mine, hover events are being triggered on a different part of the screen.

matthew-andrews commented 10 years ago

Hi @aral and @mawic - are you able to make a quick reduced test case that I can use to debug this? Is it a boostrap + fastclick problem or is it possible to reproduce this without bootstrap?

aral commented 10 years ago

I’m not running bootstrap, plain vanilla html, css, js.

Will look to creating a test case but probably can’t get to it in the next few days.

Aral --  Aral Balkan We’re making a phone that is deeply empowering. http://indiephone.eu

On 22 March 2014 at 15:35:24, Matt Andrews (notifications@github.com) wrote:

Hi @aral and @mawic - are you able to make a quick reduced test case that I can use to debug this? Is it a boostrap + fastclick problem or is it possible to reproduce this without bootstrap?

— Reply to this email directly or view it on GitHub.

tboothman commented 10 years ago

`

testtesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttest

` This clearly shows the problem. You click one of the links and another one is highlighted. Tested on an ipad air.

Interestingly, if you zoom in/out the distance it's missing by changes, and if you disable scaling it works as expected.