feat: click anywhere on header closes menu
- Header click removes menu-open (stopPropagation on toggle button to preserve its toggle behavior) - cursor: pointer on site-header when menu is open Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
parent
2bea44309f
commit
6476f86a85
2 changed files with 8 additions and 1 deletions
|
|
@ -5,10 +5,15 @@ export function headerToggle() {
|
|||
|
||||
if (!header || !buttonToggle) return;
|
||||
|
||||
buttonToggle.addEventListener("click", () => {
|
||||
buttonToggle.addEventListener("click", (e) => {
|
||||
e.stopPropagation();
|
||||
document.body.classList.toggle("menu-open");
|
||||
});
|
||||
|
||||
header.addEventListener("click", () => {
|
||||
document.body.classList.remove("menu-open");
|
||||
});
|
||||
|
||||
overlay?.addEventListener("click", () => {
|
||||
document.body.classList.remove("menu-open");
|
||||
});
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue