Topic: MDBDropdownMenu's first item is always active by default in navbar

clickstudioltd priority asked 2 years ago

Expected behavior

Default state of the drop down items should not be active.

Actual behavior

First item of the drop down is always active.

Resources (screenshots, code snippets etc.)

enter image description here

tmrnd_estima premium answered 2 years ago

Feel free to use this scss code for temp fix:-

.dropdown-menu [data-active='true'] a.dropdown-item, .dropdown-menu .dropdown-item:focus, .dropdown-menu li:focus .dropdown-item { background-color: #fff !important; &:hover { background-color: #eee !important; } }

clickstudioltd priority answered 2 years ago


The above code worked for me. I just wanted to know if it's a bug or not.


Krzysztof Wilk staff commented 2 years ago


Yes, that's a bug. It should be fixed in the next release :)

Keep coding!

Krzysztof Wilk staff answered 2 years ago


Thanks for reporting that bug and for a temporary solution! It is caused by keyboard handling and we will fix it as soon as possible :)

Keep coding!

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 React
  • MDB Version: MDB5 3.0.0
  • Device: PC
  • Browser: Mozilla Firefox
  • OS: Windows 10
  • Provided sample code: No
  • Provided link: No