fix(material/list): use flexbox to size mat-line elements (#19809)

Use `flex: auto` instead of `width: 100%` to size `.mat-list-text` elements. using `width: 100%` can lead to `.mat-list-text` sibling elements shrinking and having their content overflow.
angular · Jul 7, 2020 · 73084e3 · 73084e3
1 parent 3a7e93c
commit 73084e3
Showing 1 changed file with 1 addition and 1 deletion.
diff --git a/src/material/core/style/_list-common.scss b/src/material/core/style/_list-common.scss
@@ -37,7 +37,7 @@
 
   display: flex;
   flex-direction: column;
-  width: 100%;
+  flex: auto;
   box-sizing: border-box;
   overflow: hidden;