Mailto links in iOS not working

Question

Whenever I try to add a simple mailto link, all devices except iOS work fine.

Based on Apple iPhone Documentation it should work as such:

<a href="mailto:[email protected]">John Frank</a>

But I made a new post on a WordPress site that contains the URL exactly as such and when tapping it on iPhone (iPhone 7 simulator and real iPhone 6) it just gives an error:

Clarenceclarenceux

I tried this page and it works: w3schools.com/html/tryit.asp?filename=tryhtml_mailto Then I tried editing the link, removing the "target" attribute, and on my iPhone 7 the link stopped working. Then I did a 3D Touch on the link and I saw a dialog stating the website wasn't allowed to open links and was given the opportunity to cancel or allow. – Oneiromancy

@ryan have you resolved it? – Incoming

Answer 1

Use a real device, not the simulator. Mail and phone apps are not installed on the simulator, so you can't use them.

From Mail Links in the Apple URL Scheme Reference:

iOS Note: If the Mail app is not installed, clicking a mailto URL displays an appropriate warning message to the user.

Noncompliance

"an appropriate warning message" It shows nothing at all. I even have the mail app installed. – Algeciras

Answer 2

You can adding onclick event and get it done:-

<a href="#" onclick="window.location='[email protected]'; return false;" class="noHighlight">John Frank</a>

Hope it helps!

Murvyn

That just triggers a redirect to the url [email protected] – Freed