9

I’m writing a web app that is intended to be used through a home-screen shortcut under iOS. I added the meta tag

<meta name="viewport" content="width=device-width,
                               initial-scale=1,
                               user-scalable=no"/>

to take advantage of the new fast tap behavior. This works great within Safari but when I add the app to my home screen and use it that way I get the older “slow tap” behavior. I tried adding the CSS

body {
    touch-action: manipulation;
}

but that didn’t work either.

Is the new fast tap behavior simply not supported for this kind of web app?

bdesham
  • 15,430
  • 13
  • 79
  • 123

1 Answers1

1

Use touch-action for this. When touch-action property is not supported, it asynchronously downloads FastClick from CDN and use FastClick.attach(document.body) as polyfill.

MobiDevices
  • 887
  • 8
  • 22