Topic: Issue with Dropdown misbehaving

Stefischer free asked 3 years ago

I'm having an issue with the Dropdown component where when clicked, the menu appears on top of the toggle. Also, when using the Dropdown on right of NavbarNav it appears off screen. I've seen similar posts with answers explaining to add the right prop to the DropdownMenu but that does not work for me.

Expected behavior

Actual behavior

Resources (screenshots, code snippets etc.)

Stefischer free answered 3 years ago

My apologies, with some more in depth testing on my end, it seems that the issue was caused by a separate CSS library package. With it removed, the components functions as intended.

Jakub Chmura staff commented 3 years ago

@Stefischer, No problem.

If there is anything else I could do for you do not hesitate to ask me. I'll be happy to help you.

Best Regards,


Jakub Chmura staff answered 3 years ago

Hi @Stefischer,

I've tested a dropdown and it works well. I need more code to help you. Please send me an example that will contain the whole navbar and dropdown and its wrappers.

Best, Kuba

Stefischer free commented 3 years ago


Thank you for getting back to me. Is this enough code?

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

  • User: Free
  • Premium support: No
  • Technology: MDB React
  • MDB Version: 4.23.0
  • Device: Desktop
  • Browser: FireFox
  • OS: Win10
  • Provided sample code: Yes
  • Provided link: Yes