mdSelect: values overlap and have no ellipses

[tenshiAMD]

md-select with multiple values cause overlaps and have no ellipses when selected items are too many for the md-input-container

The issue is the in the selection of items in the md-select does not have an ellipses and causes to overlap the next md-select on the left of the first md-select; md-select keeps growing and growing after adding another item.

The example of the issue can be viewed in this codepen:

• http://codepen.io/tenshiAMD/pen/oxGKyP

[tenshiAMD]

I'm using this css fix to patch this issue temporarily:

._md-select-value *:first-child {
  width: calc(100% - 24px);
}

[crisbeto]

Seems legit, you just have a SASS error in your codepen.

[tenshiAMD]

Fixed the codepen sass error its just a extra ':' on the first div and does not affect the md-select css at all. I just recreated the scenario on my project where the md-select with multiple value causes this layout misrendered. Check the codepen again. http://codepen.io/tenshiAMD/pen/oxGKyP

[crisbeto]

It should be a quick fix, I can take a look at it later today.

[tenshiAMD]

Thanks man 👍

[ThomasBurleson]

This issue is closed as part of our ‘Surge Focus on Material 2' efforts.
For details, see our forum posting @ http://bit.ly/1UhZyWs.