フォーラムへの返信
-
@koji さん
GONSY さんが書かれているように、他の方が参照しやすいように1トピック1課題でお願いしているのでトピックはわけるようにお願いします。メガメニューから他のメニューにポインタを移動させると、メガメニューが残ったままです。
検証したのですが、忘れそうなのでここに書いちゃいます><
下記の CSS を独自に追加されていると思います。.p-global-nav .c-navbar__item>a { padding: 2px 4px; min-width: 80px; }メニュー項目の
paddingが上書きされることで、メガメニューの位置がメニュー項目に重なるようになってしまっており、見た目上はマウスがメニュー項目にホバーしているように見えていても、実際は透過されたメガメニューの上にマウスがあり、メニュー項目にはホバーできていないのでメガメニューが開かない、という状態になっているようです。ということで、
paddingを見直してみてください。Who liked:何らかの理由でテンプレートのキャッシュが保存できなくなっているようです。ディレクトリの権限が怪しいかもしれません。
カスタマイザー→ページ速度最適化でウィジェットエリアのキャッシュを有効化していると思うので、とりあえずそれを無効化してみてください。
Who liked:location.searchの参考ページを張っておきます。前述のコードを参考にちょっと書いてみました。動作未確認＆ESNext 構文で書いているので正しく動かない可能性があります。参考にして調整してみてください。
window.addEventListener( 'load', // ページを完全に読み込んだ後に実行 () => { // 対象とするタブブロックを指定 const tabs = document.querySelector( '[data-tabs-id="0cd7c37d-33db-4b10-b91d-30a091d2f667"]' ); if ( !! tabs ) { // 現在のページのクエリを取得（例： ?tab=hoge） const search = window.location.search; if ( !! search ) { // search からタブの指定を取得 const searchParams = new URLSearchParams( search ); const targetTab = searchParams.get( 'tab' ); // ?tab が「hoge」なら if ( 'hoge' === targetTab ) { // 対象とするタブを指定 const tab = tabs.querySelector( '[aria-controls="block-ce097728-902c-47fa-9c7b-d25e712c782f"]' ); if ( !! tab ) { // 対象のタブを強制クリックする tab.click(); } } } } }, true );Who liked: No user不具合です！ ご報告ありがとうございます。
現在、メジャーアップデートである v19 を開発中で、v19 ではこの不具合は解消されていることを確認しました。ただ、まだリリース時期が未定なので、とりあえず下記の CSS を追加することで修正できるので試してみてください。
figure.wp-block-image.aligncenter { width: min(calc(100% - var(--_container-margin-sm, .9rem) * 2 + env(safe-area-inset-right) + env(safe-area-inset-left)),var(--wp-block-width)); }Who liked:スムーススクロールが入っていない一般的なページでアンカーリンクをクリックしてページ内移動したときは URL に
#bodyのような文字列が付与されます。Snow Monkey のスムーススクロールもそれを踏襲していて、なるべく勝手な挙動をしないようにデフォルトに準じた挙動に、という感じです。スムーススクロールの終了を感知する仕組みがあればそこで URL から
#bodyを取り除く処理をおこなえば良いと思うのですが、そのような仕組みが無いので、スムーススクロールを独自実装するしかないのかなぁと思います。window.scrollTo()を使っているので JavaScript の標準的なイベントでそれを感知できるようなものがあれば良いのですが…（ちょっとその辺は詳しくなく…）Who liked:
