週末コーディングがマイブームです
最近、週末はもっぱらコードを書いています。完全に趣味ですね。
先日は音感クイズのサイトを作っていました。
毎週新しいクイズを出せるようにmysqlとphpの組み合わせで作っています。
で、このクイズページを作っている時に問題が発生したのです。
iPhoneでリンクを押しても何も起こらん
世の中のモバイルファーストの流れは止まらないので、必ずスマホでテストしているのですが、手元のiPhoneでテストするとリンクが動かんのですよ。
で、触りまくってたらある拍子にページが遷移したので、どうにか再現できないものかと試行錯誤した結果「ダブルタップしたときだけ遷移している」ように見えました。
iPhoneのダブルタップ問題で有名どころといえば「:hover」でしたが、これは確かiOS9で解決済みだったはず。確か。うん、確かそうだ。
僕と同じ認識の方の記事：https://webskillup.com/3814
では何がダメなんだ…。
結論 MDLが悪さしていた
僕が読み込んでいたMaterial Design Liteに記載されていた「mdl-js-ripple-effect」が悪さをしていました。
mdl-js-ripple-effectの中の何かが悪さをしているのでしょうが、そこまで読み解く気力も検証する気力もなかったため、mdl-js-ripple-effectを利用するのを諦めて万事解決（？）。
スマホでもリンクがワンタップで反応するようになりましたとさ。
最後まで読んでいただきありがとうございます。もしこの記事を気に入って頂けたようであればシェアをお願い致します。非常に励みになります。
Related posts:
【JavaScript】divにidをふってゲームボーイ的なサムシングを作る① 〜キーボードの値取得編〜
【JavaScript】localStorageを利用してセーブ機能擬きを作る〜RPG作成〜
【wordpress】文字をフェードインさせる！【javascript】
【JavaScript】localStorageを使う時にかませたい２つの判定
【PHP】composer updateをしようにもcomposerが入ってない時
【mysql】Decimal型のカラムを定義するときの罠
【PHP】JavaScriptからPHPを呼び出してデータを取得する
【PHP】スマホのdatetime-localの入力欄でvalueが飛んでしまう不具合を直した
【Node】Object.fromEntries is not a functionにコンパイルを阻まれた話
【css】イメージマップをレスポンシブル化する！【js】
Nginxでphpファイルが読み込まれない時
【WordPress】PHPのバージョンをようやく7.xにしました（5.6から7.3へのアップデート）