diff --git a/src/lib/select/select.scss b/src/lib/select/select.scss index cd5b6a3070be..d7fa300d7720 100644 --- a/src/lib/select/select.scss +++ b/src/lib/select/select.scss @@ -55,7 +55,14 @@ $mat-select-trigger-underline-height: 1px !default; padding: 0 2px; transform-origin: left top; flex-grow: 1; - + + // If the placeholder is very long, the overflow should be hidden + // and replaced with three dots instead. + // Otherwise, a long placeholder will be displayed in two lines. + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + // These values are duplicated from animation code in order to // allow placeholders to sometimes float without animating, // for example when the value is set programmatically.