I built a custom navbar that opens from the bottom of the screen.
When you click the navbar the menu scrolls up. On the second click of the navbar the menu scrolls away.
That’s working fine.
I’ve also put a mouse trigger on the menu div, to close the menu when you click anywhere outside the menu.
Two problems occur when you click outside the menu.
On the click down of the menu div it seems to highlight and change the div color for some reason.
More importantly, after the menu closes and I try to click on the menu bar to open the menu, nothing happens. I have to click a second time for the menu to open.
If I just click on the menu bar it opens and closes the menu with no problems, and no flicker.
Here’s the public share link:
and the staging site is here:
IMPORTANT: the menu only appears at the tablet break point and below.
Here’s a video showing the problem: