Topic: MDBSelect in MDBModal bug

EXPERTiCO free asked 1 year ago

Hi.We use many Modal components with MDBSelect component inside.And we want dropdown list to be in front of modal window.Now dropdown list hides behind modal borders.How can we do it?

enter image description here

EXPERTiCO free answered 1 year ago

I've added

.modal-body .select-dropdown-container { position: fixed !important; }

Looks good now at first look.

EXPERTiCO free answered 1 year ago

Hi. Sorry for late answer. We are figured out the reason of this issue. MDBSelect does not work properly in modal, when modal has 'scrollable' attribute. I tried it on your snippet also. Situation is same. Any workarounds?

Bartosz Cylwik staff answered 1 year ago

Hi! In our documentation you can find Select with search inside modal. I have created a snippet for you to see how it looks like. If you are still having problems, please create a snippet or paste some example here to show us so we can take a look and try to find a solution.

Best regards!

Please insert min. 20 characters.


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



Specification of the issue

  • ForumUser: Free
  • Premium support: No
  • Technology: MDB Vue
  • MDB Version: MDB5 3.0.0
  • Device: Any
  • Browser: Any
  • OS: Any
  • Provided sample code: No
  • Provided link: No