-
投稿者投稿
-
2018年11月22日 12:19 AM #7191
これも,こちらの環境だけかもしれませんが,
iPhoneで,ドロワーメニューがメニュー以外の部分のタップで閉じません。
・iOS 10.3.3
環境が古いからでしょうか。
♥ 0いいねをした人: 居ません2018年11月22日 9:48 AM #7198改めて確認してみたところ、確かに閉じないですね。でも、閉じる部分もあって、CSS での重なり順の指定などが影響しているのかもしれません。ちょっと調査してみます!
♥ 0いいねをした人: 居ません2018年11月22日 2:56 PM #7225Snow Monkey v4.4.20 で修正しました。アップデートの上確認してみてください!
♥ 0いいねをした人: 居ません2018年11月22日 8:40 PM #7239お世話になります。
Snow Monkey v4.4.20 にアップデートしたところ,
・メニュー領域以外のタップで閉じない(アップデート前と同じ)
・右上のメニュー(開く閉じる)が効かない
となりました。
もともとフッター固定メニューにドロワーメニューの特殊リンク,ドロワーメニューに閉じるを設置していたので,現在はそれで開閉をしのいでいます。
♥ 0いいねをした人: 居ません2018年11月22日 9:49 PM #7241うーん、なんでだ。。。 iOS 9.1、12.1 でテストしてみたのですが、いずれでも動作していました。
キャッシュを削除しても状況は変わらないでしょうか? キャッシュプラグインやサーバー/ブラウザキャッシュを使っている場合はそのキャッシュも削除してみてください。
また、Snow Monnkey 公式サイトを見ても同じくハンバーガーボタンは動作しないでしょうか?
♥ 0いいねをした人: 居ません2018年11月22日 10:06 PM #7243取り急ぎ,Snow Monnkey 公式サイトを見たら,開閉はしました。
ただ,開くも閉じるも,タップしてから1秒くらい間があります。
一瞬,反応しないかな?といった感じです。
こちらの環境でも,後で再確認してみます。
♥ 0いいねをした人: 居ません2018年11月22日 10:15 PM #7244今確認したら,こちらの環境ではやはりハンバーガーメニューが反応しません。
因みに,反応が遅いのは右上のハンバーガーメニューだけで,フッター固定メニューに設置した特殊リンクは,素早く反応します。
あと,領域外タップでの閉じるは,バックにあるものが影響している感じです。
例えば,こちらでは,widget「スライダー」の時は反応しますが,その他のwidgetの時に反応しない状態です。
♥ 0いいねをした人: 居ません2018年11月23日 12:29 AM #7247その後,こちらの環境で検証したことろ,原因はドロワーナビ内に設置した閉じるための独自リンクだと判明しました。
結果,
・ドロワーナビの領域外でのタップで閉じない →Snow Monkey v4.4.20 で解消
・こちらの環境でハンバーガーメニューが効かない →ドロワーナビ内に独自に設置した閉じる独自リンク削除で解消
・開閉のスピードもこちらでは問題ないレベル
となりました。
因みに,ドロワーメニューを開く特殊リンクは知っているのですが,閉じる特殊リンクはあるでしょうか。
携帯を左手だけで操作する場合など,ドロワーの中に自由に設置できる閉じるメニューがあると便利だったもので。
よろしくお願いいたします。
♥ 0いいねをした人: 居ません2018年11月23日 11:15 AM #7250・ドロワーナビの領域外でのタップで閉じない →Snow Monkey v4.4.20 で解消
良かったです!
因みに,ドロワーメニューを開く特殊リンクは知っているのですが,閉じる特殊リンクはあるでしょうか。
こちらご参照ください。
#sm-drawer
で開閉します。♥ 0いいねをした人: 居ません2018年11月23日 6:12 PM #7254お世話になります。
#sm-drawer は,フッター固定メニューで利用しているのですが「開く」ものと思い込んでいました。
早速,ドロワーナビ内に設置できました。ただ,フッター固定メニューとは仕様が違うのかフルパスで指定する必要がありました。
また一つスッキリできました。
あと,直ったとご報告したドロワー外部分のタップによる閉じるですが,やはり見ているページの上下の位置などにより,閉じないが発生しました。
因みに,当方の環境からでは,当方のサイト,Snow Monnkey 公式サイト,共に右上のハンバーガーメニューがFirefoxで死んでいます。
♥ 0いいねをした人: 居ません2018年11月26日 11:16 AM #7272あと,直ったとご報告したドロワー外部分のタップによる閉じるですが,やはり見ているページの上下の位置などにより,閉じないが発生しました。
多分 CSS の重ね順(
z-index
)の問題かなーという気がしますので、具体的にページの URL や、この部分など教えていただけると調査できるかと思います。因みに,当方の環境からでは,当方のサイト,Snow Monnkey 公式サイト,共に右上のハンバーガーメニューがFirefoxで死んでいます。
Firefox、僕の方でも確認できました。ちょっと JavaScript の処理が他のブラウザと違うのかなーという感じです。調べてみますね。
♥ 0いいねをした人: 居ません2018年11月27日 5:07 PM #7295Firefox の件、v4.4.24 で修正しました!
♥ 0いいねをした人: 居ません2018年11月27日 9:07 PM #7303お世話になります。
Firefoxで修正確認しました。
あと,ドロワー以外の部分のタップで閉じないについて
多分 CSS の重ね順(z-index)の問題かなーという気がしますので、具体的にページの URL や、この部分など教えていただけると調査できるかと思います。
他の方から報告がないことからこちらの環境だけかな?という気もしますが,時間があるときに該当部分などご報告させていただきます。
日頃のアップデートお疲れさまです。
♥ 0いいねをした人: 居ません2018年11月28日 9:50 AM #7314これまでは body をクリックしたら閉じる、というふうにしていたのですが、それだと iOS Safari では閉じれなかったので、v4.4.24 では、ドロワーを開いたときにページの全面(ドロワーよりは下層)に、
.c-drawer-close-zone
という要素を置くようにして、それをクリックするとドロワーが閉じるようにしました。検証用に、
.c-drawer-close-zone { background-color: #000; }
のようにすると、どこが閉じれる範囲か確認しやすくなるかと思います。
.c-drawer-close-zone
はヘッダーよりは下層になるようにしていますが、他の要素のz-index
との兼ね合いによっては、ヘッダーと.c-drawer-close-zone
のz-index
の値も見直したほうが良いかもしれませんね。日頃のアップデートお疲れさまです。
ありがとうございます!
♥ 0いいねをした人: 居ません2018年11月29日 2:59 AM #7331お世話になります。
v4.4.24で,解消しました。
これまでドロワー以外の部分をタップすると,下の要素が反応してしまったりで思い通りにならず,ドロワーメニューに閉じるボタンを設置したりで凌いでいました。
.c-drawer-close-zoneの効果でとても快適になりました。
ありがとうございました。
♥ 0いいねをした人: 居ません -
投稿者投稿
- トピック「ドロワーメニューがメニュー以外の部分のタップで閉じない」には新しい返信をつけることはできません。