ドロワーメニューがメニュー以外の部分のタップで閉じない

0
いいねをした人: 居ません
15件の投稿を表示中 - 1 - 15件目 (全16件中)
  • 投稿者
    投稿
  • #7191
    tomato
    参加者
    0

    これも,こちらの環境だけかもしれませんが,

    iPhoneで,ドロワーメニューがメニュー以外の部分のタップで閉じません。

    ・iOS 10.3.3

    環境が古いからでしょうか。

    0
    いいねをした人: 居ません
    #7198
    アバター画像キタジマ タカシ
    参加者
    2421

    改めて確認してみたところ、確かに閉じないですね。でも、閉じる部分もあって、CSS での重なり順の指定などが影響しているのかもしれません。ちょっと調査してみます!

    0
    いいねをした人: 居ません
    #7225
    アバター画像キタジマ タカシ
    参加者
    2421

    Snow Monkey v4.4.20 で修正しました。アップデートの上確認してみてください!

    0
    いいねをした人: 居ません
    #7239
    tomato
    参加者
    0

    お世話になります。

    Snow Monkey v4.4.20 にアップデートしたところ,

    ・メニュー領域以外のタップで閉じない(アップデート前と同じ)

    ・右上のメニュー(開く閉じる)が効かない

    となりました。

    もともとフッター固定メニューにドロワーメニューの特殊リンク,ドロワーメニューに閉じるを設置していたので,現在はそれで開閉をしのいでいます。

     

    0
    いいねをした人: 居ません
    #7241
    アバター画像キタジマ タカシ
    参加者
    2421

    うーん、なんでだ。。。 iOS 9.1、12.1 でテストしてみたのですが、いずれでも動作していました。

    キャッシュを削除しても状況は変わらないでしょうか? キャッシュプラグインやサーバー/ブラウザキャッシュを使っている場合はそのキャッシュも削除してみてください。

    また、Snow Monnkey 公式サイトを見ても同じくハンバーガーボタンは動作しないでしょうか?

    0
    いいねをした人: 居ません
    #7243
    tomato
    参加者
    0

    取り急ぎ,Snow Monnkey 公式サイトを見たら,開閉はしました。

    ただ,開くも閉じるも,タップしてから1秒くらい間があります。

    一瞬,反応しないかな?といった感じです。

    こちらの環境でも,後で再確認してみます。

    0
    いいねをした人: 居ません
    #7244
    tomato
    参加者
    0

    今確認したら,こちらの環境ではやはりハンバーガーメニューが反応しません。

    因みに,反応が遅いのは右上のハンバーガーメニューだけで,フッター固定メニューに設置した特殊リンクは,素早く反応します。

    あと,領域外タップでの閉じるは,バックにあるものが影響している感じです。

    例えば,こちらでは,widget「スライダー」の時は反応しますが,その他のwidgetの時に反応しない状態です。

    0
    いいねをした人: 居ません
    #7247
    tomato
    参加者
    0

    その後,こちらの環境で検証したことろ,原因はドロワーナビ内に設置した閉じるための独自リンクだと判明しました。

    結果,

    ・ドロワーナビの領域外でのタップで閉じない →Snow Monkey v4.4.20 で解消

    ・こちらの環境でハンバーガーメニューが効かない →ドロワーナビ内に独自に設置した閉じる独自リンク削除で解消

    ・開閉のスピードもこちらでは問題ないレベル

    となりました。

    因みに,ドロワーメニューを開く特殊リンクは知っているのですが,閉じる特殊リンクはあるでしょうか。

    携帯を左手だけで操作する場合など,ドロワーの中に自由に設置できる閉じるメニューがあると便利だったもので。

    よろしくお願いいたします。

    0
    いいねをした人: 居ません
    #7250
    アバター画像キタジマ タカシ
    参加者
    2421

    ・ドロワーナビの領域外でのタップで閉じない →Snow Monkey v4.4.20 で解消

    良かったです!

    因みに,ドロワーメニューを開く特殊リンクは知っているのですが,閉じる特殊リンクはあるでしょうか。

    こちらご参照ください。#sm-drawer で開閉します。

    0
    いいねをした人: 居ません
    #7254
    tomato
    参加者
    0

    お世話になります。

    #sm-drawer は,フッター固定メニューで利用しているのですが「開く」ものと思い込んでいました。

    早速,ドロワーナビ内に設置できました。ただ,フッター固定メニューとは仕様が違うのかフルパスで指定する必要がありました。

    また一つスッキリできました。

    あと,直ったとご報告したドロワー外部分のタップによる閉じるですが,やはり見ているページの上下の位置などにより,閉じないが発生しました。

    因みに,当方の環境からでは,当方のサイト,Snow Monnkey 公式サイト,共に右上のハンバーガーメニューがFirefoxで死んでいます。

    0
    いいねをした人: 居ません
    #7272
    アバター画像キタジマ タカシ
    参加者
    2421

    あと,直ったとご報告したドロワー外部分のタップによる閉じるですが,やはり見ているページの上下の位置などにより,閉じないが発生しました。

    多分 CSS の重ね順(z-index)の問題かなーという気がしますので、具体的にページの URL や、この部分など教えていただけると調査できるかと思います。

    因みに,当方の環境からでは,当方のサイト,Snow Monnkey 公式サイト,共に右上のハンバーガーメニューがFirefoxで死んでいます。

    Firefox、僕の方でも確認できました。ちょっと JavaScript の処理が他のブラウザと違うのかなーという感じです。調べてみますね。

    0
    いいねをした人: 居ません
    #7295
    アバター画像キタジマ タカシ
    参加者
    2421

    Firefox の件、v4.4.24 で修正しました!

    0
    いいねをした人: 居ません
    #7303
    tomato
    参加者
    0

    お世話になります。

    Firefoxで修正確認しました。

    あと,ドロワー以外の部分のタップで閉じないについて

    多分 CSS の重ね順(z-index)の問題かなーという気がしますので、具体的にページの URL や、この部分など教えていただけると調査できるかと思います。

    他の方から報告がないことからこちらの環境だけかな?という気もしますが,時間があるときに該当部分などご報告させていただきます。

    日頃のアップデートお疲れさまです。

    0
    いいねをした人: 居ません
    #7314
    アバター画像キタジマ タカシ
    参加者
    2421

    これまでは 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-zonez-index の値も見直したほうが良いかもしれませんね。

    日頃のアップデートお疲れさまです。

    ありがとうございます!

    0
    いいねをした人: 居ません
    #7331
    tomato
    参加者
    0

    お世話になります。

    v4.4.24で,解消しました。

    これまでドロワー以外の部分をタップすると,下の要素が反応してしまったりで思い通りにならず,ドロワーメニューに閉じるボタンを設置したりで凌いでいました。

    .c-drawer-close-zoneの効果でとても快適になりました。

    ありがとうございました。

    0
    いいねをした人: 居ません
15件の投稿を表示中 - 1 - 15件目 (全16件中)
  • トピック「ドロワーメニューがメニュー以外の部分のタップで閉じない」には新しい返信をつけることはできません。

ドキュメント

Snow Monkey の設定方法やマニュアルを掲載しています。

ドキュメント

フォーラム

Snow Monkey の使い方やカスタマイズについてのご質問・ご要望等はサポートフォーラムで行っています。サポートフォーラムは誰でも閲覧できますが、書き込みできるのは Snow Monkey 購入者のみとなります。

サポートフォーラム

よくあるご質問

Snow Monkey のサービスについて不明な点がある場合は、まずはよくあるご質問をご確認ください。

よくあるご質問

お問い合わせ

よくあるご質問を見ても解決しなかった場合、試用版の申請については問い合わせフォームからお願いいたします。

お問い合わせ

Snow Monkey は Gutenberg ブロックエディターに対応した 100%GPL の WordPress テーマです。拡張性を意識した開発をおこなっており、カスタマイザーとブロックでスピーディーにサイトを立ち上げるだけでなく、CSS やフックを駆使した高度なカスタマイズにも柔軟に対応できます。