Topic: Select field with weird behaviour (lag on open/close)
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 7 years ago                                        
Dear Oliver,
Please send me this video here, or via email. Here's my address: d.gemza@mdbootstrap.com
Best Regards,
Damian
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- 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