На сайте имеются ссылки вида
<a href="tel:+0000000000" title="phone">+0 (000) 000000</a>
которые используется для кликабельности телефонных номеров. Ссылки правильно работают на всех устройствах и браузерах кроме устройств iphone с safari. Тестирование производилось на моделях iphone 6, 7, 7+, SE. Везде одна и та же проблема, при нажатии на ссылку телефона выпадает popup с предупреждением:
После нажатия "разрешить", происходил вызов, на всех кроме 7+. На забугровых сайтах нашел такие варианты решения как: вставить в хедер метатег
<meta name="format-detection" content="telephone=YES">
, поставить ссылке шрифт Ariel. Ничего не помогло. Кто то сталкивался с такой проблемой?
ЗЫ: Интересный момент. Есть два айфона SE побратима(были куплены в одном магазине) на которых проверялся сайт. Владелец одного из телефонов во время тестирования находился в Украине и использовал сим карточку украинского оператора в то время как второй телефон был на территории России и соответственно использовал карточку российского оператора. Первый телефон(с украинской симкой) предупреждения не выводил вообще и сразу дела вызов, а вот второй сообщение выводил. Скрин сделан со второго.
ЗЫ после ЗЫ: Решил проблему следующим образом(за решение спасибо
Андрею Хохлову и
mentatxx):
Повесил на ссылку обработчик click в котором выполнил функцию event.stopPropagation();
Средний
Простой
