Multi Select Appears Broken

Topic: Multi Select Appears Broken

maenthoven pro asked 5 years ago

Expected behavior

Actual behavior Broken Image

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

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.

Add comment

maenthoven pro answered 5 years ago

1 0 Best answer

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.

Add comment

Bartosz Termena staff answered 5 years ago