Urgent Fix Needed for Navbar 5 React Component Submenu Issue

·

BUG: Navbar 5 - React code example. https://www.relume.io/react-components/navbar-5 Copy-paste the React code example in your IDE and, on desktop, try to click a link in the submenu. It closes once you leave the main link. Quick fix needed asap! Need to use this React component and no time for debugging.

3 comments

· Sorted by Oldest

Matt J.
·
wotz don't know how helpful this would be but this is happening because its on hover, but if you can disable the hover prop somewhere, than it might be resolved and only open on click? I'm not a react developer, so I'll tag Nour in here - but in case he's not around, I just wanted to mention that - likely something that would be in the buttonProps.
🙌🏻1
Nour
·
Hey wotz, Thanks for pointing this out. The whole section just needs z-index when it's put with another section such as Header5. Just add z-50 to your <section> element of Navbar5 and it should work
wotz
·
tnx

Matt J.
·
wotz don't know how helpful this would be but this is happening because its on hover, but if you can disable the hover prop somewhere, than it might be resolved and only open on click? I'm not a react developer, so I'll tag Nour in here - but in case he's not around, I just wanted to mention that - likely something that would be in the buttonProps.
🙌🏻1
Nour
·
Hey wotz, Thanks for pointing this out. The whole section just needs z-index when it's put with another section such as Header5. Just add z-50 to your <section> element of Navbar5 and it should work
wotz
·
tnx