ionic-framework: href="tel:" probably buggy on iOS devices
Ionic version: (check one with “x”) [x] 2.x
I’m submitting a … (check one with “x”) [x] bug report
Current behavior:
The html link to call a phone number - made by an <a> tag with an href attribute with the value "tel:” - seems to be buggy on iOS devices.
Clicking on such a link on an iOS device triggers a confirm alert that shows the phone number to call and the two buttons “Cancel” and “Call”. If one let this alert be present for approximately 10 seconds, by not clicking any buttons, the alert will disappear for one second and show up once again.
The bug has been observed on these devices:
iPhone 6 Plus on 10.3.1 iPhone 5 on 10.3.1
Expected behavior:
This confirm phone call alert on iOS devices should not disappear and show up again when letting the alert be present for about 10 seconds.
Steps to reproduce:
Deploy the related code snippet to one of the above mentioned iOS devices. Click on the telephone hyperlink and when the confirm alert appears wait for about 10 seconds. At this point the confirm alert will disappear and show up again about a second after it disappeared.
Related code: Below is a simple hyperlink element with a telephone href:
<a href="tel:12345678">Call number 12345678</a>
Ionic info:
Cordova CLI: 6.5.0
Ionic Framework Version: 2.3.0
Ionic CLI Version: 2.1.18
Ionic App Lib Version: 2.1.9
Ionic App Scripts Version: 1.0.0
ios-deploy version: 1.9.0
ios-sim version: 5.0.13
OS: macOS Sierra
Node Version: v6.9.4
Xcode version: Xcode 8.3.1 Build version 8E1000a
About this issue
- Original URL
- State: closed
- Created 7 years ago
- Reactions: 1
- Comments: 17 (4 by maintainers)
Hello @jgw96 / Ionic team
At present at least three independent users are still running into this issue. Would you guys reconsider opening this again?
@jgw96 Please consider re-opening this issue.
I’m having this issue as well.
While the description from OP is technically correct, to me this looks like more of a “navigation retry” issue. When the iOS confirmation pops up you can cancel out of it quickly and everything works as expected. However, if you wait for about 4-5 seconds before dismissing it, it seems to trigger some sort of “retry” logic which forces another iOS confirmation to come up. The second confirmation either replaces the first one or just comes up after you manually closed the first one.
Would be awesome to know why this happens and how to resolve this 😃
Hello, I also have been running into this issue. If have tried the, window.open , href=tel, and several (clink) methods with the same results. Also I have notice when you select the cancel button the alert modal also reappears in about 3-5 seconds.
I have only see this bug on a iOS device.
I have tested on simple one view OnsenUI and a one view cordova/Phonegap App and this issue does not appear
I faced same issue in ionic 1 app so it seems ios issue. Instead of href attribute on tag use a click function and make a call with "window.open(‘tel:12345678’) "