Topic: MDBDropdown doesn't close after menu item click

rtg priority asked 1 year ago

Expected behavior
When clicking on a menu item in MDBDropdown the dropdown should close. Like it does in the docs:

Actual behavior
Dropdown does not close on MDBDropdownitem click or navigating to a new Vue route

I copied the code snippet directly from the docs and and dropdown does not close on menu item click.

Resources (screenshots, code snippets etc.)
enter image description here

Hi! Unfortunately this seems like a bug - we are working on a fix. For now you can simply add click method for every MDBDropdownItem:

<MDBDropdownItem href="#" @click="dropdown1 = !dropdown1"

Keep coding!

rtg priority commented 1 year ago

Yeah that's what I've done in the time being as a fix.. Thanks for the response in any case Mateusz, but it would be great to not have to explicitly handle drop down closing on events.

Please insert min. 20 characters.


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



Specification of the issue

  • ForumUser: Priority
  • Premium support: Yes
  • Technology: MDB Vue
  • MDB Version: MDB5 2.0.0
  • Device: Laptop
  • Browser: Chrome
  • OS: Ubuntu
  • Provided sample code: No
  • Provided link: Yes