Угловой выбор мата не показывает опцию должным образом на мобильных устройствах или устройствах с низкой шириной

Question

Я использую mat-select в угловом проекте.Когда дело доходит до больших экранов, параметры отображаются правильно, но на мобильных экранах или экранах с низким разрешением все наоборот.На самом деле, варианты показаны, но текст отсутствует.Я попытался установить максимальную ширину опции-мата, но безуспешно.Когда я выбираю опцию, она выбирается и отображается правильно, но нет способа узнать, какая опция выбрана.С изображениями, ожидаемое поведение:

Текущее поведение:

Answer 1

В настоящее время текст с ответами находится за кадром слева.Если вы сделаете строки в раскрывающемся списке очень длинными, вы начнете их видеть.

Вам необходимо изменить следующие свойства CSS:

.cdk-overlay-pane {
    min-width: 200px !important; //or whatever width you want goes here
    .mat-select-panel {
        min-width: auto !important;
    }
}

Теги !important предназначены дляпереопределить родные стили материала.