Topic: MDBSelect in MDBModal bug

EXPERTiCO free asked 2 years 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.https://mdbootstrap.com/snippets/vue/b-cylwik/4438170


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 2 years 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.

FREE CONSULTATION

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

Status

Answered

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