Select field with weird behaviour (lag on open/close)


Topic: Select field with weird behaviour (lag on open/close)

kamelius4 asked 6 years ago

Hi,

I'm using MDB angular pro version and I face strange behaviour with the select (and multiselect). They seem to lag when they open. The search field is sometimes bigger and sometimes smaller. The html looks like that:

<div class="col-md-3">
    <form [formGroup]="categoryForm">
        <mdb-select placeholder="Kategorie" formControlName="categorySelect"
            [visibleOptions]="7"
            [options]="getFilterOptions('category')">
        </mdb-select>
    </form>
</div>
<div class="col-md-3">
    <form [formGroup]="brandForm">
        <mdb-select placeholder="Marke" formControlName="brandSelect" class="dropdown-primary"
            selectAllLabel="Alle auswählen"
            [visibleOptions]="7"
            [enableSelectAll]="true"
            [filterEnabled]="true"
            [multiple]="true"
            [options]="getFilterOptions('brand')">
        </mdb-select>
    </form>
</div>
<div class="col-md-3">
    <form [formGroup]="shopForm">
        <mdb-select placeholder="Shop" formControlName="shopSelect" class="dropdown-primary"
            selectAllLabel="Alle auswählen"
            [visibleOptions]="7"
            [enableSelectAll]="true"
            [filterEnabled]="true"
            [multiple]="true"
            [options]="getFilterOptions('shop')">
        </mdb-select>
    </form>
</div>

The function getFilterOptions returns an array, containing objects with the following structure (values are only examples):

{
    value: '1',
    label: 'text',
    group: false,
    selected: false
}

I used a screen recorder to record the behaviour. I could send you the video via email. If you need more information, please let me know.

Regards,Oliver


Damian Gemza staff answered 6 years ago

Dear Oliver,

Please send me this video here, or via email. Here's my address: d.gemza@mdbootstrap.com

Best Regards,

Damian


Please insert min. 20 characters.

FREE CONSULTATION

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

Status

Answered

Specification of the issue
  • User: Free
  • Premium support: No
  • Technology: MDB Angular
  • MDB Version: 7.4.1
  • Device: PC
  • Browser: Chrome
  • OS: Windows 10
  • Provided sample code: No
  • Provided link: No