Topic: MDBSelect in MDBModal bug
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?
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!
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?
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
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 Vue
- MDB Version: MDB5 3.0.0
- Device: Any
- Browser: Any
- OS: Any
- Provided sample code: No
- Provided link: No