Topic: Multi Select Appears Broken
maenthoven pro asked 5 years ago
Expected behavior
Actual behavior
Resources (screenshots, code snippets etc.)
<div class="md-form">
<mdb-select [options]="platformOptions" [multiple]="true"
label="Platforms Reviewed" [(ngModel)]="selectedPlatforms" name="platforms"
id="platforms"></mdb-select>
</div>
Platform Options is set in typescript here:
this.platformOptions = platforms.map(p => ({value: p.shortName, label: p.name}));
this.selectedPlatforms = this.review.Platforms.map(p => p.shortName);
Bartosz Termena staff answered 5 years ago
Dear @maenthoven
Thank you for reporting the problem.
We will fix that as soon as possible, I'll let you know when something changes.
Best Regards, Bartosz.
maenthoven pro answered 5 years ago
Well, I may have found the culprit, though this is definitely something that should be fixed.
The md-form div wrapper seems to break the multi select labeling.
Very annoying, because without the md-form div wrapper, the select isn't aligned properly.
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- ForumUser: Pro
- Premium support: No
- Technology: MDB Angular
- MDB Version: 8.4.0
- Device: All
- Browser: All
- OS: All
- Provided sample code: No
- Provided link: No
maenthoven pro commented 5 years ago
Also, there is another select (not multi select) right next to this one, and it works fine.
Just the multi select is broken.