Topic: How to navigate when clicking on navbar dropdown toggle item (hover dropdown) ?
GuillaumeDgr premium asked 2 years ago
Expected behavior With navbar hover dropdown, I want to be able to click on dropdown toggle to navigate to destination. Actual behavior Click on dropdown toggle opens dropdown (even if dropdown is hoverable)
Resources (screenshots, code snippets etc.)
<mdb-dropdown tag="li" class="nav-item px-1 pt-3" hover> <mdb-dropdown-toggle slot="toggle" tag="a" nav-link> <NuxtLink exact to="/destination"> <small>Destination</small> </NuxtLink> </mdb-dropdown-toggle> <mdb-dropdown-menu> ... </mdb-dropdown>
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Specification of the issue
- User: Premium
- Premium support: Yes
- Technology: MDB Vue
- MDB Version: MDB4 6.7.2
- Device: Mac book pro
- Browser: Firefox developers
- OS: MacOs
- Provided sample code: No
- Provided link: No
Mikołaj Smoleński staff commented 2 years ago
Did you try to wrap
NuxtLinkinstead of putting it inside toggler?
Keep coding, Mikołaj from MDB