なるほど、フォーカスのために展開されてしまっているのですね。
実はそうじゃないかと思っていました^^。
良い案かは分かりませんが、対策してみました。
以下のJavaScriptを追加することで、1番目のメニューが閉じた状態でドロワーメニューが表示されます。
問題がありましたらご指摘いただけますと助かります。
/*
* ドロワーメニューの1番目のメニューで親子関係がある場合、展開表示されてしまうので閉じる。
*/
window.onload = function () {
const hamburger_bun = document.querySelectorAll('.c-hamburger-btn');
const menu_toggle = document.querySelector('.c-drawer__toggle')
// ハンバーガーボタンがクリックされたら、1番目のメニュートグルボタンをクリックする。
hamburger_bun[0].addEventListener("click", function() {
menu_toggle.click();
});
};