Skip to content

Commit 025e85f

Browse files
committed
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)
1 parent ac70420 commit 025e85f

File tree

1 file changed

+1
-0
lines changed

1 file changed

+1
-0
lines changed

src/lib/chips/chips.scss

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -98,4 +98,5 @@ $mat-chip-input-margin: 3px;
9898
input.mat-chip-input {
9999
width: $mat-chip-input-width;
100100
margin: $mat-chip-input-margin;
101+
flex: 1 0 $mat-chip-input-width;
101102
}

0 commit comments

Comments
 (0)