Holiday Notice: Support will be provided on a limited scale from December 24th, 2024, to January 2nd, 2025. Happy holidays and a wonderful New Year!


Topic: MDB-SELECT-2 search bug

Karman40 priority asked 4 years ago


If i use own search, end one select end i want to change value in filter, after press space selected current value, end not put space.

    <div class="md-form">
      <mdb-select-2 [outline]="true" [optionHeight]="38" [label]="event.type !== 'relay' ? 'Coose competitor' : 'Relay first competitor'" mdbValidate formControlName="competitor1">
        <ais-instantsearch [config]="competitor1.algoliaConfig">
          <ais-configure [searchParameters]="competitor1.searchParameters"></ais-configure>

          <app-ai-mdb-search-input-to-select></app-ai-mdb-search-input-to-select>

          <ais-hits>
            <ng-template let-hits="hits" let-results="results">
              <mdb-select-option *ngFor="let competitor of hits; let i = index" [value]="competitor">
                <app-age-groups-entry-new-competitor-select-template [competitor]="competitor" [teamName]="returnTeamShortName(competitor.tid)"></app-age-groups-entry-new-competitor-select-template>
              </mdb-select-option>
            </ng-template>
          </ais-hits>

          <ais-hits-per-page style="display: none;" [items]="[{ label: '10 hits per page', value: 10, default: true }]"></ais-hits-per-page>
        </ais-instantsearch>
      </mdb-select-2>
      <mdb-error *ngIf="competitor1Input.invalid && (competitor1Input.dirty || competitor1Input.touched)">
        <ng-container *ngIf="competitor1Input.errors.required">{{ messages.required }}</ng-container>
      </mdb-error>
      <mdb-success *ngIf="competitor1Input.valid && (competitor1Input.dirty || competitor1Input.touched)">{{ messages.success }}</mdb-success>
    </div>

Gitlab link (with code snippet): https://git.mdbootstrap.com/mdb/angular/ng-uikit-pro-standard/issues/91


Arkadiusz Idzikowski staff commented 4 years ago

Please update your first post and add a full HTML/ts code on which we will be able to reproduce this problem. We don't have access to this custom filter component.


Karman40 priority commented 4 years ago

My custom filter spinnet:

https://gitlab.infohullam.hu/snippets/12


Arkadiusz Idzikowski staff commented 4 years ago

There are some things that need to be handled in the filter component, that's why we can't support every custom filter. Did you try to use the mdb-select-filter component that we prepared? You can find the example in our documentation (switch tab to 'Examples & Customization' at the top of the page): https://mdbootstrap.com/docs/angular/forms/select/#e-search-box


Karman40 priority commented 4 years ago

I can't use the filter you provided. Why do you choose an option with Space? - problem resolved if not choose


Arkadiusz Idzikowski staff commented 4 years ago

Are there any problems with our filter component? Can you provide more details?

It's impossible to support any custom filter component out of the box. If you want to use the custom filter in this case, you need to adjust it to your needs.


Karman40 priority commented 4 years ago

Any updates?? Again, more then two weaks ...


Arkadiusz Idzikowski staff commented 4 years ago

We are still working on the fix release. We will let you know about the exact date of the release when we will have more information.


Karman40 priority commented 4 years ago

Have there been any developments?


Karman40 priority commented 4 years ago

Thanks again for your honorable response, this great nothing!

Another error is when I use the mdb finder, I search and delete its value (even though I only modified the search), in fact, the value remains only the value of the label is deleted.


Karman40 priority commented 4 years ago

Thanks again for your honorable response, this great nothing!

Another error is when I use the mdb finder, I search and delete its value (even though I only modified the search), in fact, the value remains only the value of the label is deleted.


Arkadiusz Idzikowski staff commented 4 years ago

I'm sorry, I think I previously answered in this thread by accident. As I mentioned in my previous comments, you should use mdb filter component because we don't support custom components in this case. If there is a problem with mdb filter, please update your first post and provide more information about the problem and reproduction steps.


Karman40 priority commented 4 years ago

Dear MDB!

Here is my costum search component. https://gitlab.infohullam.hu/snippets/12


Arkadiusz Idzikowski staff commented 4 years ago

We recommend using our search component in this case. If there is a problem with the MDB component, please provide a more detailed description of the problem. Currently, it's impossible for us to support every custom search filter.


FREE CONSULTATION

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

Status

Closed

Specification of the issue

  • ForumUser: Priority
  • Premium support: Yes
  • Technology: MDB Angular
  • MDB Version: 9.3.1
  • Device: All
  • Browser: All
  • OS: All
  • Provided sample code: No
  • Provided link: Yes