Multiple Select: checkboxes are not centre aligned

[IsmailM]

The checkboxes in the multiple select are not aligned with the text.

See below of a screenshot of the docs page:

Potential Fix:

.input-field .dropdown-content [type="checkbox"]+label {
  top: 0; /* previously 1px; */
  display: inline; /* previously inherits `display: inline-block;` from `[type="checkbox"]+label` */
}

[briancwald]

Yeah, I have this same problem too. your solution seems OK for me, though you won't want to add .col on .input-field as not all input-fields are bound to a grid column.

[SerdarNur]

@IsmailM your solutions works for me. Thank you!

[seabrus]

@IsmailM I use your solution in a Meteor project, thank you. However, I've modified it a little:

.input-field .dropdown-content [type="checkbox"]+label {
  top: -11px !important; /* previously 1px; */
 }

In my case it is enough to align lines vertically.

[mister-good-deal]

Same problem here, thx for the fix.

For me to get it perfectly aligned, I did top: -0.2em;.

[acburst]

This is fixed in v1-dev