diff --git a/src/material-experimental/mdc-core/option/optgroup.scss b/src/material-experimental/mdc-core/option/optgroup.scss index 07f06d5d1437..6cbaf4319499 100644 --- a/src/material-experimental/mdc-core/option/optgroup.scss +++ b/src/material-experimental/mdc-core/option/optgroup.scss @@ -19,4 +19,10 @@ // we can't use directly, because it comes with some selectors. opacity: mdc-list-variables.$content-disabled-opacity; } + + // Needs to be overwritten explicitly, because the style can + // leak in from the list and cause the text to truncate. + .mdc-list-item__primary-text { + white-space: normal; + } } diff --git a/src/material-experimental/mdc-core/option/option.scss b/src/material-experimental/mdc-core/option/option.scss index 1bc60642aa46..cedca159fef5 100644 --- a/src/material-experimental/mdc-core/option/option.scss +++ b/src/material-experimental/mdc-core/option/option.scss @@ -65,6 +65,12 @@ // Pointer events can be safely disabled because the ripple trigger element is the host element. pointer-events: none; } + + // Needs to be overwritten explicitly, because the style can + // leak in from the list and cause the text to truncate. + .mdc-list-item__primary-text { + white-space: normal; + } } .mat-mdc-option-active { diff --git a/src/material-experimental/mdc-menu/menu.scss b/src/material-experimental/mdc-menu/menu.scss index bd66d56e7354..6bbdd19d40d3 100644 --- a/src/material-experimental/mdc-menu/menu.scss +++ b/src/material-experimental/mdc-menu/menu.scss @@ -78,6 +78,12 @@ mat-menu { } } + // Needs to be overwritten explicitly, because the style can + // leak in from the list and cause the text to truncate. + .mdc-list-item__primary-text { + white-space: normal; + } + @include a11y.high-contrast(active, off) { $outline-width: 1px;