Select field search function not working inside a modal


Topic: Select field search function not working inside a modal

Denre pro premium priority asked 10 months ago

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


Michał Duszak staff commented 10 months 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 10 months 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 10 months 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


Please insert min. 20 characters.

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
Tags