Влияние Angular Flex Layout на дочерний список материалов

Хорошо, мои навыки CSS не так уж велики... Так что это может быть что-то очевидное, но я не могу отследить причину этой проблемы.

У меня есть угловой список материалов mat-nav-list внутри div с Angular Flex Layout на нем: fxFlexOffset.gt-sm="15%" fxFlex.gt-sm="70%"

Все хорошо, пока я не достигну точки останова xs. Элементы списка с длинным текстом больше не обрезаются и приводят к тому, что ширина карты становится больше ширины экрана...

Когда я удаляю атрибуты fxFlex, проблема исчезла.

Stackblitz с flex

Stackblitz без flex

1 ответ

Это то, что вы ищите?

l t-sm = "15%" l t-sm = "70%"

вместо

g t-sm = "15%" g t-sm = "70%"

Проверьте описание точек останова здесь.

Другие вопросы по тегам