Topic: Select all not working in mdb-select with search option enabled

anilwhiz premium asked 1 month ago


We are trying to use the mdb-select in our Bootstrap 5 + Angular 14 application. In our application we use the select plugin for data filtering purposes, especially we use the multi-select dropdown for it.

Expected behavior We want the select plugin to search for the desired records using its filter option and then we want to Select only those filtered records using the select all button.

Actual behavior Whenever we do the select all after filtering the options list then it is currently selecting all the options available in the dropdown, but we just want to select the filtered options. Below is the sample code.

Resources (screenshots, code snippets etc.)

<mdb-form-control>
  <mdb-select [multiple]="true" [filter]="true">
    <mdb-select-all-option>Select all</mdb-select-all-option>
    <mdb-option *ngFor="let option of options" [value]="option.value">{{
      option.label
    }}</mdb-option>
  </mdb-select>
  <label mdbLabel class="form-label">Campaign List</label>
</mdb-form-control>

I have also attached the screen recording of the same, please check that too

https://www.loom.com/share/7f958bc3343f4266bd09ffc54c4fd0a9


Arkadiusz Idzikowski staff commented 1 month ago

Thank you for reporting this problem. I added that to our to-do list and we will add a fix in the next update.



Please insert min. 20 characters.

FREE CONSULTATION

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

Status

Opened

Specification of the issue

  • User: Premium
  • Premium support: Yes
  • Technology: MDB Angular
  • MDB Version: MDB5 3.0.0
  • Device: PC
  • Browser: All browsers
  • OS: Windows
  • Provided sample code: No
  • Provided link: Yes