Raindrops 1.244 has bug
–mobile menu does not work for firefox
Raindrops1.244で表示したWEBサイトを、Firefox ブラウザで 640px以下のブラウザ幅で閲覧した場合に、メインメニューの操作ができなくなることが判明しました。
問題の解決方法
style.cssの50行目ぐらいの、以下のスタイルルールを見つけてください
[css]
.ie11.enable-keyboard #access .sub-menu a:focus,
.ie11.enable-keyboard #access .children a:focus,
.enable-keyboard .hfeed a:focus,
.ie11.raindrops-accessible-mode #access .sub-menu a:focus,
.ie11.raindrops-accessible-mode #access .children a:focus,
.raindrops-accessible-mode .hfeed a:focus{
position:relative;
margin:-0.07692307692em;
}
[/css]
このルールの直後に以下のルールを追加してください
[css]
.enable-keyboard .hfeed .raindrops-mobile-menu a:focus{
position:absolute;
}
.enable-keyboard #access:target li:hover > ul > li > a{
border:none;
}
[/css]
最終的に、以下のように変更できたら、保存してください
[css]
.ie11.enable-keyboard #access .sub-menu a:focus,
.ie11.enable-keyboard #access .children a:focus,
.enable-keyboard .hfeed a:focus,
.ie11.raindrops-accessible-mode #access .sub-menu a:focus,
.ie11.raindrops-accessible-mode #access .children a:focus,
.raindrops-accessible-mode .hfeed a:focus{
position:relative;
margin:-0.07692307692em;
}
.enable-keyboard .hfeed .raindrops-mobile-menu a:focus{
position:absolute;
}
.enable-keyboard #access:target li:hover > ul > li > a{
border:none;
}
[/css]
以上で正常に動作すると考えています。
この問題は、次のバージョンで修正予定です。