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