Topic: MDBDropdownMenu's first item is always active by default in navbar
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.)
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; } }
Hi!
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!
Hey,
The above code worked for me. I just wanted to know if it's a bug or not.
Thanks!
Krzysztof Wilk staff commented 3 years ago
Hi!
Yes, that's a bug. It should be fixed in the next release :)
Keep coding!
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- User: Pro
- 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