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

…19819) 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 11, 2020 · 998bb18 · 998bb18
1 parent 0ddad07
commit 998bb18
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;