MDBDropdownMenu pull right, left when responsive


Topic: MDBDropdownMenu pull right, left when responsive

Dan Nohr asked 6 years ago

Expected behavior User Icon/Menu Dropdown is aligned to the right when viewed on a large screen. Same dropdown is aligned to the left on a small screen.

Actual behavior Dropdown is always aligned to the right

Resources (screenshots, code snippets etc.) See the "Supported Content" example here: https://mdbootstrap.com/docs/react/navigation/navbar/

Click on the caret next to the user icon on a large screen and dropdown list is aligned right (as it should be).

Switch to small screen/responsive, and the list is still aligned to the right pushing the DropdownItem text off the screen.


Jakub Mandra staff premium answered 6 years ago

Hi,

That behavior was refactored, but we've missed it in the documentation. Remove the 'right' property from MDBDropdownMenu and all should look good then.

Best,

Jakub


Please insert min. 20 characters.

FREE CONSULTATION

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

Status

Answered

Specification of the issue
  • User: Free
  • Premium support: No
  • Technology: MDB React
  • MDB Version: 4.11.0
  • Device: Computer & iPhone
  • Browser: Chrome
  • OS: Windows 10
  • Provided sample code: No
  • Provided link: Yes