Topic: Multi Select Appears Broken
                  
                  maenthoven
                  pro
                  asked 6 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 6 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 6 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 6 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.