はてなブックマーク

業務でデザイナーから受け取ったツールキットを取り込んだ際に、チェックボックスが期待通りに動かないからもしかしてFastClickのせいかなと思って調べたまとめ。 そもそもFastClickとは https://github.com/ftlabs/fastclick スマホではダブルタップを判定するためにタップしてからイベント発火するまで300msの待ちがある FastClickはその待ちを消してタップが早く反応するようにするもの 問題 例として以下のようなHTMLがあるとする。 1 2 3 4 5 <label> <div> <input type="checkbox"> </div> </label> 上のHTMLは<label></label>のエリアをタップするとチェックボックスが反応することが期待されてる。 しかしiOSにおいて期待通りの動きにならず、以下の対応もしてみたがiOS5