結構緊急リンクが飛ばない iOS 8.4.1からCSS :hoverも１クリックカウントっぽいSafari

36,087views／投稿 2015-08-16／更新 2019-02-17 ［この問題はiOS9から解消されてます。］ iOSのSafariで、:hoverに事件が起きています。 CSSでaタグに:hoverで何かの変化を施してある場合は、そのマウスオーバー変化が１クリック換算で止まってしまい、リンク先に飛ばない確率が高い感じです。要は２回クリックしないとハイパーリンク先にページ遷移しないです。iOS 8.4.1のiPhoneやiPadなどタッチデバイスでの話です。 １回タップ（a:hover描画処理のみで止まる） ２回タップ（やっとリンク先に飛ぶ） テキストリンク系は大丈夫ですが、「画像の透かし」や「お申込はこちら」的なボタン装飾も該当していそうです。 ［追記］サンプルページを作りました。iOSデバイスで確認してみてください。Chromeもどうやら対象のようです。 :hover事件の

[nyon2]

やばそう

[studio-h]

ほぼ12時間をロスった。。。とりあえずjQueryか。

[milk1000cc]

なんかおかしいと思ったらこれか

[nilab]

「aタグに:hoverで何かの変化を施してある場合は、そのマウスオーバー変化が１クリック換算で止まってしまい、リンク先に飛ばない確率が高い感じです。要は２回クリックしないとハイパーリンク先にページ遷移しない」

[sukkirikumiko]

新しくアップデートしてから2回タップしないとシェアできない事が多くて。。早速やろう！ 結構緊急リンクが飛ばない iOS 8.4.1からCSS :hoverも１クリックカウントっぽいSafari | WEBスキルアップ君

[mallowlabs]

これな

[peki2]

先週これで面倒な仕事になった

[field_combat]

担当してるサイトで遭遇した。JavaScript側のhoverイベント止めたら動くようになった。他のサイトも見てみるか

[korinchan]

何かおかしいと思ったらこれか。

[ahiru_z]

むむ

[ku_marin]

これめっちゃ困るな

[epokhee]

ええー！

[kkn_kkn]

バグじゃないかなぁ

[misaquo]

さっき問い合わせが来たので調べてたけどどうもこれっぽい。困りました。

[yto]

なんと！ しかし私のとこでは関係なかった

[kasanka]

あっ....これっぽい。

[fujis_a]

これヤパい…

[kotalab]

タッチデバイスでa:hoverの意味を考えたらよくわかった。

[mingos]

iOS8.4.1のバグ

[o_ti]

iOS8.4.1で:hoverでopacityが指定されたリンクが1タップで遷移しない