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

anilwhiz premium asked 1 year 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-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">{{
  <label mdbLabel class="form-label">Campaign List</label>

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

Arkadiusz Idzikowski staff commented 1 year 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.

This problem was fixed in v3.0.1, please upgrade your MDB5 Angular version.

Please insert min. 20 characters.


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



Specification of the issue

  • ForumUser: 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