Search code examples
htmliosgoogle-chromemobilemobile-safari

Mobile Chrome for iOS: tel-anchors buggy?

I have a problem with opening links for telephone numbers in mobile Chrome for iOS. If you open the test-page (http://roethig.it/sandbox/phone-links.html) on your mobile phone it works all fine on safari and the phone ask you if you want to call that specific number.

If you try it with mobile Chrome for iOS it pops up several times. Is there any solution to avoid this?

Here is the markup I used:

<a href='tel:123456789' title='Free Call 123456789' class='tel'>Free Call 123 456 789</a>

Tested on iOS 6.0.2 on iPhone 5

Thanks a lot!

Solution

  • Deciphering the code on Google's search results, the following seems to work around the issue (for now):

    <a href="javascript:void(0)" onclick="window.location='tel:123456789'"
   title="Free Call 123456789" class="tel">Free Call 123 456 789</a>

    (iPhone 5, iOS 6.0.2)