Skip to content

Instantly share code, notes, and snippets.

@dryan
Created September 18, 2025 14:48
Show Gist options
  • Select an option

  • Save dryan/d77d9670752fa28b65888205f2d4cfe0 to your computer and use it in GitHub Desktop.

Select an option

Save dryan/d77d9670752fa28b65888205f2d4cfe0 to your computer and use it in GitHub Desktop.
(() => {
if (window.customElements.get('pr-the-header')) return;
class PrideraiserTheHeader extends HTMLElement {
connectedCallback() {
this.role = 'banner';
this.addEventListener('click', (event) => {
const navToggle = (event.target as HTMLElement).closest(
'[aria-controls="site-nav"]'
);
if (navToggle) {
this.querySelectorAll('[aria-controls="site-nav"]').forEach(
(toggle) => {
toggle.setAttribute(
'aria-expanded',
toggle.getAttribute('aria-expanded') === 'false'
? 'true'
: 'false'
);
}
);
}
});
}
}
window.customElements.define('pr-the-header', PrideraiserTheHeader);
})();
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment