Phone number links open blank page in Chrome on Samsung Galaxy S8

Question

I am working on a site with a "Call Us" link. Tapping on this link in a mobile device should call the phone number in the link.

For some reason, in Chrome on a Samsung Galaxy S8, tapping on the link opens a blank new page in the web browser instead of calling the number.

Here is the code:

<a 
  href="tel:+1888-888-8888"
  rel="noopener noreferrer" 
  alt="Phone number"
>
    888-888-8888
</a>

score 3 · Accepted Answer · answered Nov 27 '17 at 19:40

3

The issue on some android devices, if you have a target="_blank", it'll open in a new tab and not register the tel: link. If you specify target="_self" it'll open in the phone's default calling app. See the updated code below.

<a
  href="tel:+1888-888-8888"
  rel="noopener noreferrer" 
  alt="Phone number"
  target="_self"
>
    888-888-8888
</a>

answered Nov 27 '17 at 19:40

Joseph Carey

106
1
4

Or, since `_self` is the [default](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#target), one could omit the target attribute. – Bob Stein Jan 30 '21 at 00:35

score -1 · Answer 2 · answered Nov 27 '17 at 19:18

-1

Try "callto:" scheme. This seems to be a more common option.

answered Nov 27 '17 at 19:18

AnrDaemon

302
2
9

1

No. `tel:` is standardized. See also: https://stackoverflow.com/a/1467262/362536 – Brad Aug 21 '18 at 16:41

Phone number links open blank page in Chrome on Samsung Galaxy S8

2 Answers2