質問: こんにちは。いつもお世話になっております。 レスポンシブでサイトを制作中で以下のjqueryプラグインを使ってドロワーメニューにしています。 * メニュー内に設置した検索フォームがandroidだとフォーカスすると消えてしまう。 * メニュー自体もcloseして消えてしまい予想検索単語(?)の一覧のみが表示されます。 * iosではテキストフォームにフォーカスするとズームされる仕様からか(?)発生しません。 どうにかしてこのプラグインを利用しての解決方法はないでしょうか。 ■試した事 * 配布元ソースでの確認→再現あり たぶんそういう仕様なんだと思います。 * デフォルトだとbodyに open→ overflow: hidden; close→overflow:auto;付与されるのを解除してみる。→改善なし * フォームの位置を下部から上部に変更 →なし 以上、よろしくお願い致します。
回答: 同じ問題で困ってましたが、 drawer.jsの71行目 $(window).resize(function() { *.close.call(_this); これを無効(//*.close.call(_this);)にするとAndroidでも検索フォームが(というかドロワーメニューが)消えなくなりました。もちろん、ブラウザをリサイズした時に不具合があります。overlayが残ったままで画面が薄暗くなります。リサイズしたときにoverlayのcss変えるなりトグルさせるなりすればこちらも解消できそうです。