VK Blocks Pro を更新すると、スマホでメニューを開いた時にヘッダーが消える（解決済）

[梢 池田]

■ WordPress のバージョン
6.9

■ テーマ・プラグインは全て最新版で確認してください。
確認しました。

■ 子テーマをご利用の場合は親テーマに変更して症状が改善するか確認してください。
確認しました。

■ テーマの種類
Lightning ( G3 ) + Lightning G3 Pro Unit

■ テーマのバージョン
Lightning 15.33.1

■ Pro Unit のバージョン
バージョン 0.29.10

■ スキンの種類
Origin III

■ 関連しそうなプラグインを一つずつ停止して症状が改善するか確認してください。
確認しました。

■ プラグインの種類・バージョン
・VK Blocks Pro 1.112.1.0 では問題なし
・VK Blocks Pro1.115.2.0（＝更新後）にすると発生します

■ 期待する動作
モバイル表示でハンバーガーメニュー（ブロックナビ）を開いた際、
ヘッダー内の固定表示（fixed-display）を含め、ヘッダーが消えずに表示されたまま、
ハンバーガーメニューやリンク、アイコンが正常に操作できること。

■ 自分で試した事
・テーマ（Lightning）の更新有無を切り分けて確認
・VK Blocks Pro を 1.112.1.0 から更新すると症状が発生することを確認
・子テーマの style.css に CSS を追加し、挙動を検証
・以下の CSS を追加すると症状が解消することを確認

html.has-modal-open #block-site-header .wp-block-vk-blocks-fixed-display {
display: block !important;
visibility: visible !important;
opacity: 1 !important;
transform: none !important;
}

■ 症状が発生するブラウザ
Chrome（モバイル表示）Edgeなど

■ 実際の症状
VK Blocks Pro を 1.112.1.0 から更新後、
モバイル表示でハンバーガーメニューを開くとヘッダーが消え、
メニュー・リンク・電話／メールアイコンが操作不能になります。

ブロックナビのメニューを開いた際に html に has-modal-open クラスが付与され、
その影響でヘッダー内の fixed-display ブロックが非表示になる挙動を確認しました。

■ その他特記事項
・テーマ（Lightning）の更新有無に関係なく発生します
・CSSで回避可能なため、fixed-display とブロックナビ（モーダル）の挙動競合と思われます

[投稿者]

投稿