Function initializeFloatingToc

codeclash/viewer/static/js/app.js:295–342

()

// Floating Table of Contents functionality
function initializeFloatingToc() {
  const tocMenu = document.getElementById("toc-menu");
  const tocClose = document.getElementById("toc-close");
  const tocToggle = document.getElementById("toc-toggle");

  if (!tocMenu || !tocClose || !tocToggle) {
    return;
  }

  // Check if we're on mobile
  const isMobile = window.innerWidth <= 768;

  // Hide menu by default on mobile
  if (isMobile) {
    tocMenu.classList.add("hidden");
  }

  // Set initial visibility state
  updateTocVisibility();

  // Toggle button click
  tocToggle.addEventListener("click", function (e) {
    e.stopPropagation();
    toggleTocMenu();
  });

  // Close TOC menu
  tocClose.addEventListener("click", function (e) {
    e.stopPropagation();
    closeTocMenu();
  });

  // Prevent menu from closing when clicking inside
  tocMenu.addEventListener("click", function (e) {
    e.stopPropagation();
  });

  // Handle window resize to update mobile state
  window.addEventListener("resize", function () {
    const isMobileNow = window.innerWidth <= 768;
    if (isMobileNow && !tocMenu.classList.contains("hidden")) {
      // On mobile, ensure proper visibility class
      updateTocVisibility();
    }
  });

  // TOC keyboard shortcuts are now handled in the main keyboard handler
}

function toggleTocMenu() {
  const tocMenu = document.getElementById("toc-menu");