Multiple Select - Checkboxes are moved downwards

[SerdarNur]

Hi Guys,

iam working on an Angular2-cli Project and have implemented materialize successfully. But i have a problem with the Multiple Select. The Checkboxes are moved downwards and i dont know why. I already checked all dependencies.

Here the Code from the HTML:

<div class="row">
              <div class="col s12 input-field">
                <select materialize="material_select" [materializeSelectOptions]="selectOptions" multiple >
                  <option value="" disabled selected>Optionen auswählen:</option>
                  <option *ngFor="let option of selectOptions" [value]="option.value">{{option.name}}</option>
                </select>
                <label>Datenquellen</label>
              </div>
 </div>

Part of my Angular-CLI:

        "../node_modules/materialize-css/dist/css/materialize.css",
        "styles.css"
      ],
      "scripts": [
        "../node_modules/jquery/dist/jquery.js",
        "../node_modules/hammerjs/hammer.js"
      ],```

Hope you can help me.

[rubyboy]

Seems like a MaterializeCSS problem: https://github.com/Dogfalo/materialize/issues/5083 It has some workaround, until the bug is fixed.

[SerdarNur]

Yes that workaround works for me. Thanks!

[rubyboy]

Cool, thanks for checking. I'll leave the bug here, until https://github.com/Dogfalo/materialize/issues/5083 is resolved