javascript - iOSの「selectscroller」インターフェースを終了するためのベンダー固有のイベントはありますか？

Question

ユーザーがボックスをタップすると<select>、iOSで「スクロールホイール」インターフェイスが開き、操作しているモーダルが押し上げられるという問題があります。これは問題ありませんが、インターフェイスが閉じたときにモーダルの位置を復元しません。

位置計算を呼び出し、このui要素が閉じられたときに変更するために使用できるベンダー固有のDOMEventsまたはcss疑似要素はありますか（[完了]ボタンまたはインターフェイスの外側をタップすることによって）？

Answer 1

iOS のスクロール選択ウィジェットと同じではありませんが、同様の問題がありました。私の場合、スクロール選択ウィジェットが開いたときにページがズームし、閉じたときにズームアウトしませんでした。

奇妙なことに、修正は font-size を比較的大きく設定することでした:

/* iPhone4+ select box fix */
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
    select { font-size: 2em; }
}

メディア クエリにより、これが iPhone でのみ発生することが保証されました。