Holiday Notice: Support will be provided on a limited scale from December 24th, 2024, to January 2nd, 2025. Happy holidays and a wonderful New Year!


Topic: How to navigate when clicking on navbar dropdown toggle item (hover dropdown) ?

GuillaumeDgr premium asked 3 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>

Mikołaj Smoleński staff commented 3 years ago

Did you try to wrap mdb-dropdown-toggle by a NuxtLink instead of putting it inside toggler?

Keep coding,  Mikołaj from MDB



Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Opened

Specification of the issue

  • ForumUser: 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