amit/quantum-website-2026
1
0
Fork 0
mirror of https://github.com/thecyberlearn/quantum-website-2026.git synced 2026-08-18 13:03:21 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

fix: mobile hamburger not working — wire event listeners after DOM injection

Browse Source
This commit is contained in:
Amit Rana 2026-04-15 13:46:17 +05:30
parent be5a95c5f7
commit ba93460af1
1 changed files with 32 additions and 36 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

68
shared-header.js
View File

@ -225,47 +225,43 @@
'</header>';
// ─── Inject header at top of body ───────────────────────────────
// Guard: if script runs before <body> exists (e.g. loaded from <head>),
// wait for DOM ready instead of crashing
function inject() {
if (document.body) {
document.body.insertAdjacentHTML('afterbegin', headerHTML);
// ─── Inject + wire up hamburger ─────────────────────────────────
function injectAndInit() {
if (!document.body) return;
document.body.insertAdjacentHTML('afterbegin', headerHTML);
var burger = document.getElementById('sh-burger');
var nav = document.getElementById('sh-nav');
if (!burger || !nav) return;
function closeMenu() {
nav.classList.remove('sh-open');
burger.setAttribute('aria-expanded', 'false');
}
burger.addEventListener('click', function () {
var open = nav.classList.toggle('sh-open');
burger.setAttribute('aria-expanded', String(open));
});
document.addEventListener('click', function (e) {
if (!document.getElementById('sh-header').contains(e.target)) closeMenu();
});
document.addEventListener('keydown', function (e) {
if (e.key === 'Escape') closeMenu();
});
nav.querySelectorAll('a').forEach(function (a) {
a.addEventListener('click', closeMenu);
});
}
if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', inject);
document.addEventListener('DOMContentLoaded', injectAndInit);
} else {
inject();
injectAndInit();
}
// ─── Hamburger logic ─────────────────────────────────────────────
var burger = document.getElementById('sh-burger');
var nav = document.getElementById('sh-nav');
// Guard: bail out cleanly if injection failed for any reason
if (!burger || !nav) return;
function closeMenu() {
nav.classList.remove('sh-open');
burger.setAttribute('aria-expanded', 'false'); // always string
}
burger.addEventListener('click', function () {
var open = nav.classList.toggle('sh-open');
burger.setAttribute('aria-expanded', String(open)); // string 'true'/'false'
});
document.addEventListener('click', function (e) {
if (!document.getElementById('sh-header').contains(e.target)) closeMenu();
});
document.addEventListener('keydown', function (e) {
if (e.key === 'Escape') closeMenu();
});
nav.querySelectorAll('a').forEach(function (a) {
a.addEventListener('click', closeMenu);
});
})();