Dropdown Menu - Sticking on Click


Topic: Dropdown Menu - Sticking on Click

cawgit asked 3 years ago

Need help to figure out why this is happening. I believe I am running 5.5.1, I was on 5.4 prior to this. Not sure that is related but, it appears something may have changed.

Expected behavior

When clicking on a menu item in a dropdown menu that once selected the menu disappears

Actual behavior

When clicking a menu item in a dropdown menu the menu remains and the content loads behind it. Until I click on the content behind which then hides the window.

Resources (screenshots, code snippets etc.)

<mdb-dropdown v-if="this.$adal.isAuthenticated == true" tag="li" class="nav-item">
          <mdb-dropdown-toggle tag="a" navLink slot="toggle" waves-fixed>Stats</mdb-dropdown-toggle>
          <mdb-dropdown-menu>
            <mdb-dropdown-item v-if="this.$adal.isAuthenticated == true" to="/memberstats" waves-fixed>Membership Stats</mdb-dropdown-item>
            <mdb-dropdown-item v-if="this.$adal.isAuthenticated == true" to="/esstats" waves-fixed>Emergency Services Stats</mdb-dropdown-item>
            <!--<mdb-dropdown-item v-if="this.this.$adal.isAuthenticated() != false" to="/cpstats" waves-fixed>Cadet Programs Stats</mdb-dropdown-item>-->
          </mdb-dropdown-menu>
        </mdb-dropdown>

Magdalena Dembna staff premium answered 3 years ago

Thank you for reporting this bug - we were rewriting some components and we've clearly missed it. It will be fixed in the next release.


cawgit answered 3 years ago

If you have a quick fix I can implement in my version please pass it on. I am kind of stuck since I updated already and need to push changes out to prod as soon as I can

Thank you.

Steve


Magdalena Dembna staff premium answered 3 years ago

I can suggest temporarily switching your dependency to our gitlab dev branch - generate your access token: https://mdbootstrap.com/docs/vue/getting-started/quick-start/#token and instead of using .tgz file link your dependecy to: "mdbvue": "git+https://oauth2:REPLACE_WITH_YOUR_TOKEN@git.mdbootstrap.com/mdb/vue/vu-pro.git#dev"Fix for this problem will there soon.


Please insert min. 20 characters.

FREE CONSULTATION

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

Status

Answered

Specification of the issue
  • User: Free
  • Premium support: No
  • Technology: MDB Vue
  • MDB Version: 5.5.0
  • Device: Desktop
  • Browser: Chrome
  • OS: Windows 10
  • Provided sample code: No
  • Provided link: No