סגירת תפריט המבורגר בלחיצה על כל מקום במסך

נתקלתי בבאג מסויים שתפריט המבורגר לא נסגר בלחיצה על כל מקום אחר במסך פרט ל- X שסוגר אותו, זה קרה גם במובייל וגם בדסקטופ.

הקוד הבא גורם לתפריט להיסגר לא משנה איפה המשתמש ילחץ.

יש להוסיף את הקוד ב"ניהול קודים" של אלמנטור או בעזרת תוסף קודים אחר כמו Code Snippets

				
					<script>
  document.addEventListener('click', function (event) {
    const toggleBtn = document.querySelector('.elementor-menu-toggle');
    const navMenu = document.querySelector('.elementor-nav-menu--dropdown');

    // אם הכפתור והתפריט קיימים
    if (toggleBtn && navMenu) {
      const isOpen = toggleBtn.classList.contains('elementor-active');
      
      // אם התפריט פתוח והקליק היה מחוץ אליו וגם מחוץ לכפתור
      if (
        isOpen &&
        !navMenu.contains(event.target) &&
        !toggleBtn.contains(event.target)
      ) {
        toggleBtn.click(); // סוגר את התפריט
      }
    }
  });
</script>

				
			

קודים נוספים

התפריט הוא אחד הדברים הראשונים שאנשים רואים כשהם נכנסים לאתר.עוד לפני שקוראים טקסט או לוחצים [...]

אפקטים קטנים עושים הבדל גדול בחוויית משתמש – במיוחד כשמדובר באינטראקציות בסיסיות כמו מעבר עכבר. [...]

אם אתם בונים אתרים רספונסיביים, אתם יודעים שטיפוגרפיה יכולה להיות כאב ראש – במיוחד כשצריך [...]