NavBar Menu

[a-Marino]

The NavBar Menu should close when clicking on a Link, its really anoying having to close the menu on mobile when it shoud close by itself

[isaacdarcilla]

Do you have solution on this one?

[a-Marino]

Nop, i had to make a custom Nav

[isaacdarcilla]

My solution was to use Navbar event (docs). Then just use the onClick somewhere in the NavbarMenuItem, onClick={() => setIsMenuOpen(false)} to close the navbar (controlled)

 const [isMenuOpen, setIsMenuOpen] = useState(false);

 <Navbar
   isMenuOpen={isMenuOpen}
   onMenuOpenChange={setIsMenuOpen}
 >
    <NavbarContent className="sm:hidden" justify="start">
        <NavbarMenuToggle aria-label={isMenuOpen ? "Close menu" : "Open menu"} />
    </NavbarContent>
   
   ...

 </Navbar>

[AviStudio]

Yep! This works!