htmlをiPhoneXRのSafariで開いた場合に一部の箇所が表示されません

Question

前提・実現したいこと

HTMLが一部表示されない状況を解消したいです。

発生している問題・エラーメッセージ

iPhoneXRでSafariで開いた場合にhtmlの一部が表示されません。
chromeで開いた場合には表示されるようです。

PCやandroidなどでは問題なく表示されます。

具体的には、
下記ソースコードの「TEL」、「FAX」のみが表示され、番号(00-0000-0000)が表示されません。
文字と数字にはCSSの差はないので原因がわかりません。

該当のソースコード

 <span class="info">TEL [phone]</span>
 <span class="info">FAX [phone]</span>

footer .footer-contact .info {
    margin-right: 50px;
    font-weight: bold;
    font-size: 2rem;
    letter-spacing: 0;
    font-family: "Yu Gothic", sans-serif;

試したこと

下記のように番号の後に文字を足したところ、番号が表示されました(aaaも表示される)。

 <span class="info">TEL [phone]aaa</span>
 <span class="info">FAX [phone]aaa</span>

なので、番号の後に文字を置き、その文字を表示させない方法を試してみましたが、下記のソースでは番号が表示されなく、今に至ります。

 <span class="info">TEL [phone]<span style="display:none;">aaa</span></span>
 <span class="info">FAX [phone]<span style="display:none;">aaa</span></span>

 <span class="info">TEL [phone]<span style="display:inline-block; overflow: hidden; text-indent: -20%;">aaa</span></span>
 <span class="info">FAX [phone]<span style="display:inline-block; overflow: hidden; text-indent: -20%;">aaa</span></span>

また、番号を全角にしても表示されません。

補足情報（FW/ツールのバージョンなど）

Answer 1

iPhoneの電話番号自動リンクが関係していそうな気がします。
XRの実機では確認していませんがおそらく下記で表示されるようになるかと思います。

電話番号の自動リンクを無効にする
http://www.tagindex.com/html5/page/meta_format_detection.html
<meta name="format-detection" content="telephone=no">

電話番号をタップで電話がかかるようにするには自分でaタグを追加する方がいいです。
レスポンシブの場合はPCで電話番号のリンクを無効にしたりとが必要かもです。

もしも治らない場合は、無駄タグで電話番号を分断して追加して電話番号だと認識されないようにとか。。。

 <span class="info">TEL 00-<span>0000</span>-0000</span>