Topic: MDBDropdownMenu pull right, left when responsive
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.
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
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- 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