MDBDropdown: When width is not default, the reposition of the dropdown doesent work properly


Topic: MDBDropdown: When width is not default, the reposition of the dropdown doesent work properly

Uriel Chami free asked 2 years ago

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>

Jakub Chmura staff answered 2 years ago

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 free commented 2 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 commented 2 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 free commented 2 years ago

Just to check: deploys are every monday, right?


Jakub Chmura staff commented 2 years ago

@Uriel Chami

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 free commented 2 years ago

Hi Kuba, I wanted to know if this is fixed. Thank you very much!


Jakub Chmura staff commented 2 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


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.21.1
  • Device: Mobile
  • Browser: Chrome, Firefox, all.
  • OS: Android, iOS
  • Provided sample code: No
  • Provided link: No