Topic: Select field search function not working inside a modal
I expect the select field search function to work, even when it's inside a modal
The search option is greyed out but you can select an option
https://mdbootstrap.com/snippets/standard/denre/3262333
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Status
Open
Specification of the issue
- User: Pro
- Premium support: Yes
- Technology: MDB Standard
- MDB Version: MDB5 3.9.0
- Device: laptop
- Browser: FireFox
- OS: Windows 10
- Provided sample code: No
- Provided link: Yes
Related topics
Michał Duszak staff commented 3 years ago
Try adding data-mdb-container="#yourModalID" to your select element.
https://mdbootstrap.com/snippets/standard/m-duszak/3262932
In your case it's <select class="select" name="product_category" id="product_category" data-mdb-filter="true" data-mdb-container="#imageModal">
Denre pro premium priority commented 3 years ago
Thank you, that solved my issue!
Can you tell me where I can find more information about this in the docs?
Michał Duszak staff commented 3 years ago
It's pointed in the Select docs, 'Select with search inside a modal' section. Right here --> https://mdbootstrap.com/docs/standard/forms/select/#section-search-inside-modal