Topic: MDBDropdown: When width is not default, the reposition of the dropdown doesent work properly
Expected behavior When I use MDBDropdown to display something that is not a list, and has some width. In mobile, the calculus should be done to move the pop up until it fits the screen.
Actual behavior When I open an MDBDropdown like in the code snippet in a mobile device, it overflows the screen and generates horizontal scroll
Resources (screenshots, code snippets etc.)
<MDBDropdown basic>
<MDBDropdownToggle classname="ml-5" caret>
Test dropdown
</MDBDropdownToggle>
<MDBDropdownMenu>
<MDBCard style={{width: 250px}}>
Here should be a big content like
<img src="whatever"/> that takes 250px
</MDBCard>
</MDBDropdownMenu>
</MDBDropdown>
Hi @Uriel Chami,
Thank you very much for your feedback!
We try to fix this as soon as possible.
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
Uriel Chami commented 5 years ago
Can you give us an estimate date on the resolution of this issue? Do you think you can fix it for the next deploy?
Jakub Chmura staff premium commented 5 years ago
@Uriel Chami Unfortunately, we have another priority for this deploy, but I can add a special priority for this task, and if we fix this bug it can be released on the next deploy.
Best,
Kuba
Uriel Chami commented 5 years ago
Just to check: deploys are every monday, right?
Jakub Chmura staff premium commented 5 years ago
If everything goes according to plan, then the release is every two weeks on Monday.
There is a release this Monday, so the next one will be in two weeks.
Best regards,
Kuba
Uriel Chami commented 5 years ago
Hi Kuba, I wanted to know if this is fixed. Thank you very much!
Jakub Chmura staff premium commented 5 years ago
We fixed a popper.js plugin so the problem with moving the pop up until it fits the screen should be done. After the Monday release please test, your code with the newest version of MDB React.
After that let us know if our fix solves the problem.
Best Regards,
Kuba
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.21.1
- Device: Mobile
- Browser: Chrome, Firefox, all.
- OS: Android, iOS
- Provided sample code: No
- Provided link: No