Script to automatically close the mobile menu when the user scroll the page (siraloe.it)

scroll-to-close.js

/*
- siraloe.it
Script to automatically close the mobile menu when the user scroll the page
*/
document.addEventListener("DOMContentLoaded", () => {
  const handlers = document.querySelectorAll(".hfe-nav-menu__toggle");
  let isOpen = false;
  if (handlers.length < 2) {
    return;
  }

  const handler = handlers[1];

  const observer = new MutationObserver((mutationList) => {
    mutationList.forEach((mutation) => {
      const { type, attributeName } = mutation;
      if (type === "attributes" && attributeName === "class") {
        if (handler.classList.contains("hfe-active-menu") && !isOpen) {
          onOpen();
        }

        if (!handler.classList.contains("hfe-active-menu") && isOpen) {
          onClose();
        }
      }
    });
  });

  observer.observe(handler, { attributes: true });

  const onOpen = () => {
    isOpen = true;
    window.addEventListener("scroll", () => handler.click(), { once: true });
  };

  const onClose = () => (isOpen = false);
});