Material: rc5 : multi select values are vertically aligned .

Created on 26 Nov 2015 · 9Comments · Source: angular/material

when multiple values are selected in multi select they are aligned vertically instead of horizontal alignment.

code pen: http://codepen.io/anon/pen/BogQxg
rc5 multi select issue

Source

asjadsaboor

Most helpful comment

:+1:

still happens in rc-6 too

temporary fix....

.md-select-value {
    div {
        display: inline;
    }
}

andrew-cunliffe on 3 Dec 2015

👍2

All 9 comments

TheRealBryon on 2 Dec 2015

:+1:

still happens in rc-6 too

temporary fix....

.md-select-value {
    div {
        display: inline;
    }
}

andrew-cunliffe on 3 Dec 2015

👍2

+1. issue happens in rc-5 and rc-6. The documentation doesn't display a multiple="true"example any longer

dohomi on 7 Dec 2015

@ThomasBurleson This really doesn't look good and a regression like this (from RC5) shouldn't go into 1.0.

mprentic-harris on 9 Dec 2015

tamsler on 9 Dec 2015

This was fixed in https://github.com/angular/material/commit/2ab30758ec451383ef03d234ffc729517afb92e3. This should be closed.

mprentic-harris on 9 Dec 2015

Right! Thanks for keeping an eye on that @mprentic-harris :smile:

devversion on 9 Dec 2015

👍1

I am surprised that this was changed. I want it to work as it originally did as I have long texts to select within the md-select.... Why was this considered a bug and why wasn't instead an option introduced to control the alignment of selected items?