問題タブ [mobile-chrome]

ChromeデスクトップとSafariモバイルで動作する純粋なCSSアコーディオンがありますが、Chromeモバイルブラウザでは動作しません。css と jsfiddle リンクは以下のとおりです。私は何が欠けていますか？

https://jsfiddle.net/BeverlyLeu/0cgf3ejt/1/

コードは次のとおりです。

PC ブラウザでは問題なく動作します。ただし、携帯電話では何も描画されませんが、ログには描画用の関数が呼び出されていることが示されています。

間違いはありませんか？

HTML:

EDIT 1: モバイルの Chrome バージョンは 47 でした

編集2:私はそれを行うために(角度付きの)ディレクティブを使用しています。完全なディレクティブ コードは次のとおりです。

iOS ブラウザー (chrome および safari) の複数選択リストに問題があります。私の場合、選択に焦点を当てるとすぐにウォッチャーを起動し、モデル値を更新する選択に角度のあるモデルバインディングがあります。これは iOS 9.2 のバグだと思います。具体的な症状は次のとおりです。

クロム：

select 要素がフォーカスされるとすぐに、"change" イベントが発生し、UI に選択項目が表示されていなくても、値が最初の項目に設定されます。リストから別のオプションを選択して iOS オーバーレイを閉じると、値が正しい値に変わります。その後、もう一度フォーカスすると、「変更」イベントが再び発生し、最初のオプションの値が再び追加されます。今度はオーバーレイを閉じると、最初の項目が選択されたままになります。

サファリ：

select 要素がフォーカスされるとすぐに「change」イベントが発生し、値が最初の項目に設定されます。この場合、オーバーレイの UI には選択が表示されませんが、元の選択のテキストには、最初の項目が選択されているように表示されます。実際に初めて選択すると、最初の項目を選択したことが UI に明確に示されていても、値が null に設定されます。選択に焦点を合わせてぼかすと、リストの最初のオプションの値を含めるかどうかを切り替え続けます。基本的に、フォーカスされた値に最初の項目が誤って追加されることに加えて、このブラウザは値と UI の間の同期も失います。

この動作を示すために、非常に単純化された jsfiddle を作成しました。

http://jsfiddle.net/u922mnvv/4/

HTML

JS (イベントと値を記録するためだけに)

これは既知の問題ですか? 回避策はありますか?

私はブログを持っていますが、長い間変更していませんでした。しかし、ブログにアクセスしたときに、Chrome Mobile (Android) にこれらのパディングがあることに気付きました。CSS リセット ファイルを使用しましたが、Chrome アプリケーションに問題はありませんでした。

ちなみにこのページのリンクは http://zinzinzibidi.com/blog/genel/war_thunder_goklerin_fatihi_olun

この問題は Chrome モバイルでのみ発生します。デスクトップの Chrome では問題ありません。

これらのパディングを取り除くにはどうすればよいですか?

前もって感謝します