Foundationトップバー/メニュータブレットで縦方向のドロップダウンがクリックできない

Question

現在のプロジェクトでFoundation 6.2.4を使用していますが、トップバーのドロップダウン動作に関する問題が発生しました。

タブレットで訪問した場合、トップバーのドロップダウンリンクが開き、サブアイテムが予想どおりに表示されますが、サブアイテムはクリックできません。代わりに、ドロップダウンが消えて何も起こりません。デスクトップ上での動作は予期したとおりであり、何事もうまくいきます。

Foundation Docsでこの現象を見ることができます。http://foundation.zurb.com/sites/docs/top-bar.html 携帯端末をエミュレートするためにインスペクタを設定するだけです。 iPadのサブアイテムをクリックしてみてください。

タブレットでもこの機能を期待どおりに行うには、いくつかのアイデアがあります。

ありがとうございます！ フランク

Answer 1

どうやらこのバグは、28日前に報告され、財団6.3で修正されます。一方で、あなたが問題とここに一時的な修正について読むことができます。https://github.com/zurb/foundation-sites/issues/9293

修正：あなたがサブメニュー項目のいずれかをタッチすると

「クリック」イベントが解雇されています。一時的に回避するには、data-close-on-click-inside = "false"属性をドロップダウンメニューに追加します。