From 09bbd1437ab6cdb4138e2aff5037e2193d4d41b5 Mon Sep 17 00:00:00 2001 From: Philip Pham Date: Sun, 1 Oct 2017 18:25:14 -0700 Subject: [PATCH] feat(chips): Use all available space for the input Currently, an input inside a chips list is limited to 150px, so it looks like this. ![Cutoff Name](https://user-images.githubusercontent.com/1882729/31061451-6eb3a072-a6d6-11e7-9dac-67b41d1d3087.png). Adding flex lets the input use all available space and still wrap correctly. ![Using all avaible space](https://user-images.githubusercontent.com/1882729/31061470-a0e783d8-a6d6-11e7-8919-848e1c4cb10a.png) ![Wrapping](https://user-images.githubusercontent.com/1882729/31061487-cdbfb10a-a6d6-11e7-89c9-a5fe1cf38c41.png) --- src/lib/chips/chips.scss | 1 + 1 file changed, 1 insertion(+) diff --git a/src/lib/chips/chips.scss b/src/lib/chips/chips.scss index ba5a529a3767..f732f294fd48 100644 --- a/src/lib/chips/chips.scss +++ b/src/lib/chips/chips.scss @@ -98,4 +98,5 @@ $mat-chip-input-margin: 3px; input.mat-chip-input { width: $mat-chip-input-width; margin: $mat-chip-input-margin; + flex: 1 0 $mat-chip-input-width; }