B
B
bookreevdenis2015-10-26 12:28:45
css
bookreevdenis, 2015-10-26 12:28:45

Numbers disappear on iOS. What can be wrong?

Site: luxtort.ru
Problem: in the header, on iOS devices, the phone and time disappear
On the iPad with iOS 8.2, both the phone and time disappear, and on the iPhone with iOS 9 - only part of the number: "162-07-92"
I understand that devices define these numbers as numbers for FaceTime - on the macbook "162-07-92" this part is allocated for calls, but does not disappear
. How and what can I do about it?
Thanks

Answer the question

In order to leave comments, you need to log in

2 answer(s)
B
bookreevdenis, 2015-10-26
@bookreevdenis

What happened in the end:
Apple devices wrap numbers in an a tag with attributes:

x-apple-data-detectors="true"
x-apple-data-detectors-type="telephone"
x-apple-data-detectors-result="0"

Solution: you can either set individual styles by attribute:
a[x-apple-data-detectors=true] {}
a[href^="tel:"] {}

Or disable the conversion of numbers into links by adding meta to the header:
<meta name = "format-detection" content = "telephone=no">

M
Mikhail, 2015-10-26
Chirskiy @chirskiy_mixail

Probably something in your scripts blocks or cuts out.
Here is a simple example, I took your piece, copied it to Jsfiddle and opened it in iOS, nothing disappears
jsfiddle.net/yed99mvc

Didn't find what you were looking for?

Ask your question

Ask a Question

731 491 924 answers to any question