Tel href link stops working on iPhone in Web App mode

2.5k views Asked by At

I have a fairly simple HTML page with a link on it that calls a phone number.

<a href="tel:1234567890%2C%2C9#">Call Us<a/>

The idea is to call the number 1234567890, have two pauses, then dial 9 followed by the pound symbol.

This works fine when viewing the page in Mobile Safari. The confirmation displays and you can call the number.

If I enable Web App mode (using apple-mobile-web-app-capable) and add it to my home screen, the link stops working. As soon as I remove the # at the end the link starts working again.

I've tried various things but the link simply stops responding to a click no matter what as long as it contains the # symbol. Is this some sort of security restriction since in Web App mode it no longer asks for confirmation to dial a number?

2

There are 2 answers

3
Sam On BEST ANSWER

I have the same problem. Did you came up with a solution? It must be possible to find a workaround because when I'm dialing such a number from my contacts the # character is not a problem.

Edit: it appears to be an Apple security measure: here!

2
Xiao Xiao On

try use \u0023 instead of a plain #