Search in a dropdown list


Topic: Search in a dropdown list

Michaël De Schutter pro premium priority asked 7 months ago

Expected behavior

I am using a Dropdown with a search bar, and the search bar is expected to function properly.

Actual behavior

The search bar is not working; I am unable to click inside it. I suspect that the issue might be related to the dropdown being inside a modal. When I move the dropdown and place it outside of the modal, it functions as expected.

Resources (screenshots, code snippets etc.)

enter image description here

Snippet voor dropdown


Kamila Pieńkowska staff answered 7 months ago

Here is an example on how to use select with search inside a modal. You need to add data-mdb-container attribute:

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

Answered

Specification of the issue
  • User: Pro
  • Premium support: Yes
  • Technology: MDB Standard
  • MDB Version: MDB5 7.1.0
  • Device: laptop
  • Browser: Chrome
  • OS: Windows 11
  • Provided sample code: No
  • Provided link: Yes