入力チェックボックス/ラジオボタンタブレット/モバイルの反応が遅い

Question

タブレットやモバイルの入力チェックボックスに触れると、応答が遅く、瞬時ではありません。応答時間のスピードを上げるためにできることはありますか？私は以下のようなIOSのスタイルで自分のラジオボタンをスタイリングしています。

<div class="iradio simulation-method"> 
    <input name="simulation-method" id="upload-photos" value="0" checked="checked" type="radio"> 
    <label for="upload-photos" class="simulation-method-label-js"><svg class="icon icon_camera"><use xlink:href="#icon_camera"/></svg>Photos</label> 
    <input name="simulation-method" id="scan-ipad" value="1" type="radio"> 
    <label for="scan-ipad" class="simulation-method-label-js"><svg class="icon icon_ipad"><use xlink:href="#icon_ipad"/></svg>Scan</label> 
</div> 

この例のようにビット： https://codepen.io/wesruv/pen/vexkd

Answer 1

Safariは、ユーザがラジオボタンをタップしたい、またはしたいかどうかを知るためにビットを待っているので、これは、正常な動作でのダブルタップしますラジオボタンがあるゾーン（ズーム）。 CSSを使用してこの動作を無効にすることができます。touch-action: manipulation; これは入力、ラベル、またはhtmlタグに適用できます。タップにはリンクがあっても遅延が発生しません。