Topic: Issue with Dropdown misbehaving

Stefischer free asked 5 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

https://imgur.com/fNR96jt

Actual behavior

https://imgur.com/8sNAEoH

https://imgur.com/0ex8NTl

Resources (screenshots, code snippets etc.)

https://imgur.com/1305Tzm


Stefischer free answered 5 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 5 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,

Kuba


Jakub Chmura staff answered 5 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 5 years ago

Hey!

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

https://imgur.com/Bdnbvyx



Please insert min. 20 characters.

FREE CONSULTATION

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

Status

Resolved

Specification of the issue

  • ForumUser: 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