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 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
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