I’m noticing a couple strange issues with
fastclick on mobile Safari.
The first major showstopper is when using it with Bootstrap and buttons, one really strange quirk is if my page is longer than the viewport and a user has to scroll to the bottom of the page to touch a button, that button will “hover” after the touch and must be touched again in order to fire it’s
click .button event. I couldn’t figure out what was causing this because some page’s buttons worked correctly and some didn’t. I finally narrowed it down to any page that doesn’t exceed the vertical real-estate of the device’s screen (i.e. no scrolling needed) works correctly. So imagine a page of content with a button at the bottom.
To work-around this I removed
fastclick and every button, no matter the page length, worked fine. The
click .button triggered on a single touch.
So to try to get around this, I figured I could just add the
.needsclick class to the buttons since that would make them act like normal and not cause the
fastclick issues. However,
.needsclick doesn’t seem to do anything. I still get the same behavior. I even tried the
rounce:fastclick fork that mentioned fixing some
This is really strange. I’m not sure if the
.needsclick issue is related to Meteor. Anyone else experiencing anything like this? I know there’s some wonkiness with mobile Safari, touches/clicks, and hover states, but the odd thing is everything works as desired with