Android 4.0.4 を実行している携帯電話に問題があります。
テキスト フィールドといくつかのドロップダウンを含む iframe がありますが、iframe は幅が広すぎて、縦向きモードのときに電話ウィンドウに収まらないため、水平スクロール バーを取得して、スクロールしてすべてのフィールドを表示できるようにします。
問題は、iframe を右にスクロールすると、テキスト ボックスまたはドロップダウンを選択できなくなることです。
iframe が右にスクロールされたことをデバイスが認識していないようです。たとえば、iframe が最初にレンダリングされると、コンテンツは左揃えで配置されます。この時点で、ドロップダウンの 1 つが iframe の右端に表示されます。iframe を右端までスクロールして、ドロップダウンがあった画面をタップすると、実際にクリックした画面の領域に要素がまったくないにもかかわらず、ドロップダウンの選択画面が表示されます。
ドロップダウンが実際にある画面をタップしても、まったく反応しません。
ここにテスト ページがあります: http://snow.x10.mx/damian/page.html
デスクトップの Firefox ではすべて正常に動作するため、単なる Android のバグのようです。
Androidの修正がすぐに来るとは思えないので、(iframeが画面よりも広くないことを確認する以外に)回避策を提案できますか?
テストできる iPhone をお持ちの方がいらっしゃいましたら、同じ問題があるかどうか教えていただけますか?