Topic: Multi Select Appears Broken

maenthoven pro asked 4 years ago


Expected behavior

Actual behaviorBroken 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 4 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.


Bartosz Termena staff answered 4 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 4 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.



Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue

  • 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