Skip to content

Instantly share code, notes, and snippets.

@dryan

dryan/header.ts

Created September 18, 2025 14:48
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save dryan/d77d9670752fa28b65888205f2d4cfe0 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save dryan/d77d9670752fa28b65888205f2d4cfe0 to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. dryan created this gist Sep 18, 2025.
    29 changes: 29 additions & 0 deletions header.ts
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,29 @@
    (() => {
    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);
    })();