Transparent Navbar

[vzr314]

Page navbar-transparent.html:

Simulate bug:
Resize browser viewport to simulate mobile viewport. After hamburger menu button appears, click on it once and than resize browser back to full width. On this point, menu with items in dorpdown becume useless because it appears somewhere in background.

Proposal:
Setup onResize event listener/emiter to collapse menu first each time viewport is changed.

[alexandru-paduraru]

@CyberianIce thank you for the feedback and for the solution. I'm thinking that the event listener to collapse that dropdown would be good just for development purpose not for the real life case when you are either on Desktop (full width) or phone/tablet (small width). Does this make sense? :D

Best,
Alex

[vzr314]

I understand, but You may consider some tablet devices where viewport is switched each time you change display orientation. That is exactly the way I discovered this tinny glitch.

Maybe you could fix this by forcing higher z-index on main menu.

Keep up good work & have fun,
Vladimir

[alexandru-paduraru]

@CyberianIce yeees, you're right, I forgot that some tablets can jump between phone/desktop triggers based on the width/height of the tablet. We will see which is the best option, forcing the z-index so the dropdown remains open or using the trigger that you mention to close everything.

Thank you for contribution!

Best,
Alex