概要
特定の形式の電話番号(xxx-xxxx-xxxx等)が、Microsoft Edgeではリンクにされてしまう。
※xx-xxxx-xxxxだとリンクにされない。
バグではなくEdgeの仕様(機能)ではあるものの、「意図せぬ動作」としてバグとして報告されてしまったので記録しておきます。
詳細
<div class="wrapper">
<p class="number">03-1234-5678</p>
<p class="number">012-1234-5678</p>
</div>
こういったHTMLを用意して、Edgeで開いてみてください。上の番号はそのままテキストで表示されていますが、下の番号は押すと電話がかけられるリンクになってしまっている筈です。
jsFiddle辺りで確認するのが手軽かと思います。
日本の固定回線番号のフォーマットだと変換されないようですが、xx-xxxx-xxxxのような携帯番号だとアメリカの電話番号だと判断されて変換されてしまうのかな・・と予想しています。
回避策
自動フォーマットを無効にするmetaタグ指定を入れる。
<meta name="format-detection" content="telephone=no">
参考リンク
上のリンクを読めば、バグなどではないと分かりますが、初めて見た時は何が起こったのかと思ってびっくりしました。
独り言
- IE11でもなるって書いてあるけど、なってなかったのが気になっている。
- Safariでもなると知り合いから聞いたけど、まだ検証してない。