Topic: Dropdown Menu - Sticking on Click
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 6 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 6 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 6 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.
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- 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