hwcoe / ufl-main-uni-child

0 stars 0 forks source link

Mobile dropdowns toggling does not work consistently for open/close #6

Open sezj opened 4 months ago

sezj commented 4 months ago

In .main-nav-ul, the a.dropdown-toggle link in the mobile menu opens the menu on first click/tap, then opens the link URL on second click/tap. To close the menu, user must tap/click the .mobile-menu-toggle span (styled as a small arrow on the extreme right of the menu) or tap outside the menu. In aux dropdown menus (Info for and resources), the menu exhibits the same behavior, but a.dropdown-toggle-top does not have the ability to be a link, so the expected functionality is that a second click closes the menu. Instead it does nothing but add or remove the "show" class (regardless of whether the dropdown is actually showing).

Either target .dropdown-toggle-top instead of .mobile-menu-toggle to open/close the menu, or see ufl.edu for an alternate approach to desired functioning (DOM is set up differently).