Material Select inside a model - hidden by footer


Topic: Material Select inside a model - hidden by footer

cdenby pro asked 6 years ago

When I have a Material Select inside a modal, I'm getting the select part hidden by the footer and the user has to scroll even though there's plenty of space on the screen to contain the modal.

Should it not behave more like the datepicker in a modal? The datepicker sits above the modal and therefore isn't hidden by anything.

There must be something misconfigured, but I can't tell what it is. Any assistance would be appreciated.

Image of issue on site

Snippet with same code - no issue


cdenby pro answered 6 years ago

Solved - I had a custom css entry for modal-content and model-body specifying height and overflow. That was to try to eliminate the datepicker issue, but with an update to mdb, that issue was resolved. removing the custom css returns the material select to normal function.


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: Pro
  • Premium support: No
  • Technology: MDB jQuery
  • MDB Version: 4.7.5
  • Device: PC
  • Browser: Chrome
  • OS: Win10
  • Provided sample code: No
  • Provided link: Yes