Topic: Search box not active in Select

tim.free premium asked 1 month ago


*Expected behavior*Able to enter text in search box

*Actual behavior*Cannot enter text, according to the docs, this should work. This is within a modal.

Resources (screenshots, code snippets etc.)

<div class="col-sm-4">
<select id="drProgram" name="drProgram" class="select" data-mdb-filter="true">
    <option value="" selected disabled>Select One...</option>
    <option value="manual">Manual Program Entry</option>
    <option value="20/20">20/20</option>
    <option value="24">24</option>
    <option value="25 Words or Less">25 Words or Less</option>
    <option value="48 Hours Mystery">48 Hours Mystery</option>
    <option value="60 Minutes">60 Minutes</option>
    <option value="911">911</option>
    <option value="A Different World">A Different World</option>
    <option value="ABC COLLEGE BASKETBALL">ABC COLLEGE BASKETBALL</option>
    <option value="ABC COLLEGE FOOTBALL">ABC COLLEGE FOOTBALL</option>
    <option value="abc lacrosse">abc lacrosse</option>
    <option value="Your Total Health">Your Total Health</option>                                                            
</select>
<label class="form-label select-label">Program</label>

enter image description here


mlazaru staff answered 1 month ago


Hi,

you need to add data-mdb-container='#myModal' to the select.

https://mdbootstrap.com/snippets/standard/mlazaru/4478061


tim.free premium commented 1 month ago

Thanks, can't believe I missed that!



Please insert min. 20 characters.

FREE CONSULTATION

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

Status

Resolved

Specification of the issue

  • User: Premium
  • Premium support: Yes
  • Technology: MDB Standard
  • MDB Version: MDB5 5.0.0
  • Device: PC
  • Browser: Edge
  • OS: Linux
  • Provided sample code: No
  • Provided link: No