Issue with Dropdown misbehaving


Topic: Issue with Dropdown misbehaving

Stefischer 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


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

Hey!

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

https://imgur.com/Bdnbvyx


Stefischer 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 premium 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


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
  • User: Free
  • Premium support: No
  • Technology: MDB React
  • MDB Version: 4.23.0
  • Device: Desktop
  • Browser: FireFox
  • OS: Win10
  • Provided sample code: No
  • Provided link: Yes