Iframe and 300ms delay


#1

I am embedding an iframe inside an ionic 2 app.
The iframe is functioning great, but i get the dreaded 300 ms tap delay inside the iframe on iOS (using iOS 8 and 9).
I have tried the following:

  • Add tappable directive to the iframe element itself.
  • Adding a viewport tag to the iframe internal html
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
  • Use the following CSS on all the elements inside the iframe:
    * { touch-action: manipulation; }

After all these attempts i still get the annoying 300 ms delay. Does anyone have an idea what else can be done?